Playfair Display
Pairingserif
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 Abril Fatface
<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=Abril+Fatface:wght@400&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Abril Fatface.
Bodoni Moda
Pairingserif
CompareDM Serif Display
Pairingserif
CompareYeseva One
Pairingserif
CompareLato
creativesans-serif
CompareSimilar & alternatives
Fonts with a similar feel to Abril Fatface.
Playfair Display
Similarserif
CompareAlfa Slab One
Similardisplay
CompareBig Shoulders Display
Similardisplay
CompareBodoni Moda
Similarserif
CompareDM Serif Display
Similarserif
CompareYeseva One
Similarserif
CompareFont family
Abril Fatface
Description
Contemporary take on classic Didone style for headlines
Source
googleOpen Font License
Font weights
Use cases
Logos & BrandingCreative AgenciesBlogs & Content
Stats
Popularity 84/100
Performance: standard
npm · @fontsource/abril-fatfaceCharacteristics
- Contrast
- very-high
- Aperture
- closed
- x-Height
- medium
- Width
- normal
editorialbolddramatic
Paid alternatives
Abril Fatface is an open-source alternative to:
- Didot
- Bodoni