Open the lab →
Serif · Google Font

Joan font pairings

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

Serif1 weightby Paolo Biagini
Sphinx of black quartz, judge my vow
400The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Joan is a free serif typeface designed by Paolo Biagini, added to Google Fonts in 2022.

It comes in 1 weight.

It is the #1,157 most popular Latin font family on Google Fonts.

Joan has a limited set of weights, so it is best used for headings or short text alongside a more extensive family.

Fonts that pair well with Joan

Everything starts with a sketch

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

HJoanBNunitoeditorial→

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

Built for the long run

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

HJoanBPlus Jakarta Sanseditorial→

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

Ideas that travel well

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

HJoanBArchivoeditorial→

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

Design is how it works

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

HJoanBRobotoeditorial→

A classic contrast: Joan's serifs give headlines an editorial, trustworthy voice while Roboto'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.

HJoanBMontserrateditorial→

A classic contrast: Joan's serifs give headlines an editorial, trustworthy voice while Montserrat'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.

HJoanBFrauncesclassic→

Pairing two serifs works when one is clearly for display: Joan for headlines and Fraunces for comfortable, continuous reading.

Try Joan in the pairing tool →

How to use Joan 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=Joan:wght@400&display=swap" rel="stylesheet">
CSS
font-family: 'Joan', serif;

Similar fonts to Joan

StokeSerif · 2 weights
The quick brown fox jumps over the lazy dog
Headland OneSerif · 1 weights
The quick brown fox jumps over the lazy dog
Tiro Devanagari SanskritSerif · 1 weights
The quick brown fox jumps over the lazy dog
Noto Serif KannadaSerif · 9 weights
The quick brown fox jumps over the lazy dog
IM Fell Double PicaSerif · 1 weights
The quick brown fox jumps over the lazy dog
JomolhariSerif · 1 weights
The quick brown fox jumps over the lazy dog

Frequently asked questions

Is Joan free for commercial use?

Yes. Joan 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 Joan?

Good matches for Joan include Nunito, Plus Jakarta Sans, Archivo and Roboto. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Joan a variable font?

No. Joan is available as 1 static weight.

Who designed Joan?

Joan was designed by Paolo Biagini.