← ALL PAIRS

SPACE MONO + WORK SANS

The Quick Brown Fox Jumps Over The Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

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

Colophon Foundry, 2016

monospace · 400, 700

→ Google Fonts ↗

Work Sans

Wei Huang, 2015

sans-serif · 400, 500

→ Google Fonts ↗

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 SANS24 / 38