Sans-serif typeface

Noto Sans Display

Try your own text
Noto Sans Display — Bright stars shimmer above the quiet harbor.
Instant CSS
About this font

Noto Sans Display is a broad sans-serif family designed for clear, adaptable text across display and general-purpose layouts. Its extensive weight range and upright and italic styles allow it to move from quiet supporting copy to more prominent headings while keeping a consistent overall structure.

Best suited for: Use it for web headings, navigation, editorial layouts, interface labels, posters, and other projects that need several levels of emphasis. Its display classification makes it especially useful at larger sizes, while the lighter and middle weights can support restrained text hierarchy and secondary information.

Design considerations: The nine weights run from 100 to 900, giving you fine control over contrast between headings, labels, and supporting text. Normal and italic styles can separate emphasis or add movement to captions and short passages. As a variable font, it may also allow more flexible weight selection where the environment supports variable fonts.

Pairing guidance: For a calm system, pair it with a serif that has moderate contrast and comfortable reading proportions. A compact humanist sans-serif can provide a subtle counterpoint without making the layout feel fragmented. When Noto Sans Display handles headings, choose supporting text with a quieter texture and avoid another highly assertive display face.

Font pairing ideas

Fonts that pair well with Noto Sans Display

Explore complementary typefaces for headings, body copy, accents, and interface text.

Bona Nova SC
Aa
Serif · 2 weights
Bowlby One
Aa
Display · 1 weight
Cormorant
Aa
Serif · 5 weights
Calistoga
Aa
Display · 1 weight
DM Serif Display
Aa
Serif · 1 weight