The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
SPACE MONO + WORK SANS
SPACE MONO
WORK SANS
CHARACTER SET · SPACE MONO
WORK SANS
USE THIS PAIR
# npm
npm install @fontsource/space-mono @fontsource/work-sans
# yarn
yarn add @fontsource/space-mono @fontsource/work-sans
# pnpm
pnpm add @fontsource/space-mono @fontsource/work-sans
# Then import in your app entry point:
import '@fontsource/space-mono';
import '@fontsource/work-sans';
# CSS usage after import:
# font-family: 'Space Mono', monospace;
# font-family: 'Work Sans', sans-serif;ABOUT
Space Mono
A monospaced typeface designed by Colophon Foundry for Google Fonts. With its distinctive retro-futuristic character, it brings personality to code and tabular data displays.
Colophon Foundry, 2016
monospace · 4 styles
Italic
Recommended: 400, 700
Work Sans
A utilitarian sans-serif designed by Wei Huang, optimized for screen use at medium sizes. Its slightly condensed proportions and even color make it efficient for UI work and body text.
Wei Huang, 2015
sans-serif · 18 styles
Variable · Italic
Recommended: 400, 500
Available: 100–900
Space Mono's rigid grid in headlines creates a distinctly technical feel. Work Sans provides the humanist counterpoint for body text. Perfect for developer portfolios, technical docs, and code-adjacent products.
RELATED PAIRS
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.