Sans Serif · Google Font

Josefin Sans font pairings

Fonts that go with Josefin Sans — live previews, pairing ideas and free embed code.

Sans Serif7 weightsItalicsVariableby Santiago Orozco
Sphinx of black quartz, judge my vow
100The quick brown fox jumps over the lazy dog
200The quick brown fox jumps over the lazy dog
300The quick brown fox jumps over the lazy dog
400The quick brown fox jumps over the lazy dog
500The quick brown fox jumps over the lazy dog
600The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Josefin Sans is a free sans 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 #76 most popular Latin font family on Google Fonts and supports Latin, Latin Extended and Vietnamese characters.

With 7 weights, Josefin Sans is versatile enough for headings, interface text and body copy.

Fonts that pair well with Josefin Sans

Make something people love

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HFrauncesBJosefin Sanseditorial→

A classic contrast: Fraunces's serifs give headlines an editorial, trustworthy voice while Josefin Sans's clean shapes keep body text easy to scan on screens.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HArvoBJosefin Sansfriendly→

A classic contrast: Arvo's serifs give headlines an editorial, trustworthy voice while Josefin Sans's clean shapes keep body text easy to scan on screens.

The future of small business

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HEB GaramondBJosefin Sanseditorial→

A classic contrast: EB Garamond's serifs give headlines an editorial, trustworthy voice while Josefin Sans's clean shapes keep body text easy to scan on screens.

Everything starts with a sketch

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HJosefin SansBCormorant Garamondmoderneditorial→

A modern twist on the classic: Josefin Sans keeps headings crisp and contemporary, while Cormorant Garamond's serifs guide the eye along longer lines of text.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HJosefin SansBZilla Slabmoderneditorial→

A modern twist on the classic: Josefin Sans keeps headings crisp and contemporary, while Zilla Slab's serifs guide the eye along longer lines of text.

Try Josefin Sans in the pairing tool →

How to use Josefin Sans on your website

HTML — paste in <head>
<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+Sans:wght@400;700&display=swap" rel="stylesheet">
CSS
font-family: 'Josefin Sans', sans-serif;

Similar fonts to Josefin Sans

Frequently asked questions

Is Josefin Sans free for commercial use?

Yes. Josefin Sans 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 Sans?

Good matches for Josefin Sans include Libre Baskerville, Fraunces, Arvo and EB Garamond. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Josefin Sans a variable font?

Yes. Josefin Sans is a variable font with a weight (100–700) axis.

Who designed Josefin Sans?

Josefin Sans was designed by Santiago Orozco.