← ALL PAIRS

CRIMSON PRO + CABINET GROTESK

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.

CRIMSON PRO

ExtraLight 200The quick brown fox jumps over the lazy dog
Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
SemiBold 600The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

CABINET GROTESK

Thin 100The quick brown fox jumps over the lazy dog
ExtraLight 200The quick brown fox jumps over the lazy dog
Light 300The quick brown fox jumps over the lazy dog
Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog
ExtraBold 800The quick brown fox jumps over the lazy dog
Black 900The quick brown fox jumps over the lazy dog

CHARACTER SET · CRIMSON PRO

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

CABINET GROTESK

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

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: 200900

→ Google Fonts ↗

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: 100900

→ Fontshare ↗

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