Josefin Sans
Pairingsans-serif
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 Josefin Slab
<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=Josefin+Slab:wght@100..700&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Josefin Slab.
Similar & alternatives
Fonts with a similar feel to Josefin Slab.
Arvo
Similarserif
CompareAlfa Slab One
Similardisplay
CompareZilla Slab
Similarserif
CompareRoboto Slab
Similarserif
CompareJosefin Sans
Similarsans-serif
CompareFont family
Josefin Slab
Description
A geometric slab-serif with elegant, low-contrast proportions inspired by early 20th-century typography.
Source
googleSIL Open Font License 1.1
Variable axes
The quick brown fox jumps over the lazy dog
font-variation-settings: 'wght' 700;Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.
Use cases
Web DesignApp DesignEditorialBrandingDisplay
Stats
Popularity 55/100
npm · @fontsource/josefin-slabCharacteristics
- Contrast
- low
- Aperture
- closed
- x-Height
- tall
- Width
- normal
elegantgeometricvintage
Paid alternatives
Josefin Slab is an open-source alternative to:
- Rockwell
- Memphis