Sans-serif typeface

Lato

Try your own text
Lato — Crazy Fredrick bought many very exquisite opal jewels.
Instant CSS
About this font

Lato is a sans-serif family with a broad range of weights and both normal and italic styles. Its clean, adaptable structure can support everyday interface text, editorial layouts, and visual systems that need several levels of emphasis without changing families. The available range makes it suitable for work that moves between compact labels and prominent headings.

Best suited for: Use Lato for websites, applications, presentations, posters, and general branding materials. Regular or light weights can handle body copy and supporting text, while heavier settings can establish headings, buttons, navigation, or short display statements. Italics add a useful secondary distinction for notes, emphasis, captions, and quoted material.

Design considerations: The five weights run from 100 to 900, offering finer control over hierarchy than a family with only regular and bold. Light and regular weights may suit spacious layouts, while 700 and 900 create stronger contrast for titles and calls to action. Test the lightest settings carefully at small sizes, and use italics selectively so emphasis remains clear.

Pairing guidance: Lato can work alongside a serif with a clearly contrasting texture for editorial projects, reports, and long-form reading. It may also pair with a restrained display face when headings need a more distinctive character. For a quieter system, combine different Lato weights and styles, keeping size, spacing, and weight changes consistent across the layout.

Font pairing ideas

Fonts that pair well with Lato

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

Brygada 1918
Aa
Serif · 4 weights
Big Shoulders Inline
Aa
Display · 9 weights
Cormorant SC
Aa
Serif · 5 weights
Bitcount Prop Single
Aa
Display · 9 weights
Donegal One
Aa
Serif · 1 weight