Josefin Slab font pairings
Fonts that go with Josefin Slab — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Josefin Slab is a free slab serif typeface designed by Santiago Orozco, added to Google Fonts in 2010.
It comes in 7 weights with matching italics, and is a variable font with a weight axis.
It is the #305 most popular Latin font family on Google Fonts.
With 7 weights, Josefin Slab is versatile enough for headings, interface text and body copy.
Fonts that pair well with Josefin Slab
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Josefin Slab's serifs give headlines an editorial, trustworthy voice while Manrope's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Josefin Slab's serifs give headlines an editorial, trustworthy voice while Montserrat's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Josefin Slab's serifs give headlines an editorial, trustworthy voice while Figtree's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Raleway keeps headings crisp and contemporary, while Josefin Slab's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Roboto Condensed keeps headings crisp and contemporary, while Josefin Slab's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Lobster brings character to headlines, and Josefin Slab adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.
Try Josefin Slab in the pairing tool →
How to use Josefin Slab on your website
<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@400;700&display=swap" rel="stylesheet">font-family: 'Josefin Slab', serif;Similar fonts to Josefin Slab
Frequently asked questions
Is Josefin Slab free for commercial use?
Yes. Josefin Slab is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.
What fonts go well with Josefin Slab?
Good matches for Josefin Slab include Manrope, Montserrat, Figtree and Raleway. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Josefin Slab a variable font?
Yes. Josefin Slab is a variable font with a weight (100–700) axis.
Who designed Josefin Slab?
Josefin Slab was designed by Santiago Orozco.