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