The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
SPACE GROTESK + GENERAL SANS
SPACE GROTESK
GENERAL SANS
CHARACTER SET · SPACE GROTESK
GENERAL SANS
USE THIS PAIR
# npm
npm install @fontsource/space-grotesk @fontsource/general-sans
# yarn
yarn add @fontsource/space-grotesk @fontsource/general-sans
# pnpm
pnpm add @fontsource/space-grotesk @fontsource/general-sans
# Then import in your app entry point:
import '@fontsource/space-grotesk';
import '@fontsource/general-sans';
# CSS usage after import:
# font-family: 'Space Grotesk', sans-serif;
# font-family: 'General Sans', sans-serif;ABOUT
Space Grotesk
A proportional sans-serif derived from Space Mono, retaining its monospace-inspired character in a more readable format. Its distinctive letterforms give technical content a unique personality.
Florian Karsten, 2018
sans-serif · 5 styles
Variable
Recommended: 400, 500, 700
Available: 300–700
General Sans
A Swiss-inspired grotesk with clean, neutral forms. Its generous x-height and open apertures give it a contemporary feel while maintaining the reliability of classic Swiss type design.
Frode Helland, 2021
sans-serif · 12 styles
Italic
Recommended: 400, 500, 600
Available: 200–700
Space Grotesk's monospace-inspired character pairs with General Sans's Swiss neutrality. Perfect for developer tools, technical blogs, 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.