The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
CRIMSON PRO + CABINET GROTESK
CRIMSON PRO
CABINET GROTESK
CHARACTER SET · CRIMSON PRO
CABINET GROTESK
USE THIS PAIR
# npm
npm install @fontsource/crimson-pro @fontsource/cabinet-grotesk
# yarn
yarn add @fontsource/crimson-pro @fontsource/cabinet-grotesk
# pnpm
pnpm add @fontsource/crimson-pro @fontsource/cabinet-grotesk
# Then import in your app entry point:
import '@fontsource/crimson-pro';
import '@fontsource/cabinet-grotesk';
# CSS usage after import:
# font-family: 'Crimson Pro', serif;
# font-family: 'Cabinet Grotesk', sans-serif;ABOUT
Crimson Pro
An old-style serif redesigned for digital reading. Originally inspired by classic Renaissance typefaces, Crimson Pro adds variable font technology and refined spacing for modern screen use.
Jacques Le Bailly, 2018
serif · 16 styles
Variable · Italic
Recommended: 400, 600, 700
Available: 200–900
Cabinet Grotesk
A geometric grotesk with a wide range of weights from hairline to black. Its even stroke widths and open apertures give it a neutral, versatile presence suitable for UI and display work.
Shiva Nallaperumal, 2021
sans-serif · 8 styles
Variable
Recommended: 400, 500, 700
Available: 100–900
Crimson Pro's old-style elegance meets Cabinet Grotesk's modern restraint. Scholarly yet contemporary. Ideal for academic sites, research publications, and thought leadership blogs.
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.