Abril Fatface
Pairingdisplay
CompareUse-case scenarios
Large Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
Install DM Serif Display
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with DM Serif Display.
Similar & alternatives
Fonts with a similar feel to DM Serif Display.
Playfair Display
Similarserif
CompareAbril Fatface
Similardisplay
CompareBodoni Moda
Similarserif
CompareGilda Display
Similarserif
ComparePrata
Similardisplay
CompareYeseva One
Similarserif
CompareFont family
DM Serif Display
Description
High-contrast serif designed specifically for display sizes
Source
googleOpen Font License
Font weights
Use cases
HeadlinesEditorialLuxury
Stats
Popularity 80/100
React Native ready
Performance: standard
npm · @fontsource/dm-serif-displayCharacteristics
- Contrast
- very-high
- Aperture
- closed
- x-Height
- medium
- Width
- normal
luxuriouseditorialdramatic
Paid alternatives
DM Serif Display is an open-source alternative to:
- Didot
- Bodoni