The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Crimson Pro and Cabinet Grotesk are a serif and sans-serif pairing with strong contrast. Crimson Pro for headings, Cabinet Grotesk for body text. 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.
CRIMSON PRO + CABINET GROTESK
CRIMSON PRO
CABINET GROTESK
CHARACTER SET · CRIMSON PRO
CABINET GROTESK
USE THIS PAIR
# npm
npm install @fontsource/crimson-pro
# yarn
yarn add @fontsource/crimson-pro
# pnpm
pnpm add @fontsource/crimson-pro
# Then import in your app entry point:
import '@fontsource/crimson-pro';
# Cabinet Grotesk is a Fontshare font (not on npm).
# Load it with a stylesheet link in your <head>:
# <link rel="stylesheet" href="https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700&display=swap">
# CSS usage:
# h1, h2, h3 { font-family: 'Crimson Pro', serif; }
# body { font-family: 'Cabinet Grotesk', sans-serif; }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
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.