Noto Sans font pairings
Fonts that go with Noto Sans — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Noto Sans is a free sans serif typeface designed by Google, added to Google Fonts in 2013.
It comes in 9 weights with matching italics, and is a variable font with width and weight axes.
It is the #14 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Devanagari, Greek and Latin characters.
With 9 weights, Noto Sans is versatile enough for headings, interface text and body copy.
Fonts that pair well with Noto Sans
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while Noto Sans'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: PT Serif's serifs give headlines an editorial, trustworthy voice while Noto Sans'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: Fraunces's serifs give headlines an editorial, trustworthy voice while Noto Sans'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: Noto Sans keeps headings crisp and contemporary, while Playfair Display'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: Noto Sans keeps headings crisp and contemporary, while Cinzel'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.
Abril Fatface is a display face with strong personality — use it big and sparingly.
Try Noto Sans in the pairing tool →
How to use Noto Sans 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=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">font-family: 'Noto Sans', sans-serif;Similar fonts to Noto Sans
Frequently asked questions
Is Noto Sans free for commercial use?
Yes. Noto 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 Noto Sans?
Good matches for Noto Sans include Roboto Slab, PT Serif, Fraunces and Playfair Display. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Noto Sans a variable font?
Yes. Noto Sans is a variable font with width (62.5–100) and weight (100–900) axes.
Who designed Noto Sans?
Noto Sans was designed by Google.