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 Bodoni Moda
<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=Bodoni+Moda:wght@400..900&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Bodoni Moda.
Similar & alternatives
Fonts with a similar feel to Bodoni Moda.
Playfair Display
Similarserif
CompareAbril Fatface
Similardisplay
CompareCormorant Garamond
Similarserif
CompareDM Serif Display
Similarserif
ComparePrata
Similardisplay
CompareGFS Didot
Similardisplay
CompareGilda Display
Similarserif
CompareNoto Serif Display
Similarserif
CompareFont family
Bodoni Moda
Description
Classic Bodoni revival
Source
googleOpen Font License
Variable axes
The quick brown fox jumps over the lazy dog
font-variation-settings: 'opsz' 51, 'wght' 700;Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.
Use cases
Creative AgenciesLogos & BrandingBlogs & Content
Stats
Popularity 79/100
Performance: standard
npm · @fontsource/bodoni-modaCharacteristics
- Contrast
- very-high
- Aperture
- closed
- x-Height
- small
- Width
- normal
luxuriouseditorialdramatic
Paid alternatives
Bodoni Moda is an open-source alternative to:
- Didot
- Bodoni