Sans Serif · Google Font

Lato font pairings

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

Sans Serif5 weightsItalicsby Łukasz Dziedzic
Sphinx of black quartz, judge my vow
100The quick brown fox jumps over the lazy dog
300The quick brown fox jumps over the lazy dog
400The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog
900The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Lato is a free sans serif typeface designed by Łukasz Dziedzic, added to Google Fonts in 2010.

It comes in 5 weights with matching italics.

It is the #7 most popular Latin font family on Google Fonts.

With 5 weights, Lato is versatile enough for headings, interface text and body copy.

Fonts that pair well with Lato

Everything starts with a sketch

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

HMerriweatherBLatoeditorial→

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

HFrauncesBLatoeditorial→

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

Where craft meets code

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

HZilla SlabBLatoeditorial→

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

A field guide to good ideas

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

HLatoBIBM Plex Serifmoderneditorial→

A modern twist on the classic: Lato keeps headings crisp and contemporary, while IBM Plex Serif's serifs guide the eye along longer lines of text.

Try Lato in the pairing tool →

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

Similar fonts to Lato

Frequently asked questions

Is Lato free for commercial use?

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

Good matches for Lato include Abril Fatface, Prata, Merriweather and Fraunces. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Lato a variable font?

No. Lato is available as 5 static weights.

Who designed Lato?

Lato was designed by Łukasz Dziedzic.