The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Space Mono and Work Sans are a monospace and sans-serif pairing with strong contrast. Space Mono for headings, Work Sans for body text. 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.
SPACE MONO + WORK SANS
EDIT BELOW
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:
# h1, h2, h3 { font-family: 'Space Mono', monospace; }
# body { font-family: 'Work Sans', sans-serif; }RECOMMENDED WEIGHTS · SPACE MONO
WORK SANS
CHARACTER SET · SPACE MONO
WORK SANS
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
Would Space Mono + Work Sans work for my project?
Sends this question and a link back to this page.
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.