Open Sans
Pairingsans-serif
CompareUse-case scenarios
Large Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
Install Lato
<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@100;300;400;700;900&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Lato.
Source Sans 3
Pairingsans-serif
CompareAclonica
Pairingsans-serif
CompareAlegreya Sans
Pairingsans-serif
ComparePlayfair Display
classicserif
CompareAbril Fatface
creativedisplay
CompareSimilar & alternatives
Fonts with a similar feel to Lato.
Open Sans
Similarsans-serif
CompareSource Sans 3
Similarsans-serif
CompareAclonica
Similarsans-serif
CompareAlegreya Sans
Similarsans-serif
CompareNoto Sans
Similarsans-serif
CompareProza Libre
Similarsans-serif
ComparePT Sans
Similarsans-serif
CompareFont family
Lato
Description
Serifless font with serious but friendly appearance
Source
googleOpen Font License
Font weights
Use cases
CorporateSaaS ApplicationsE-commerce
Stats
Popularity 85/100
Used by Slack, Mailchimp, Uber (old)
React Native ready
Performance: excellent
npm · @fontsource/latoCharacteristics
- Contrast
- low
- Aperture
- open
- x-Height
- tall
- Width
- normal
warmstableapproachable
Paid alternatives
Lato is an open-source alternative to:
- Frutiger
- Myriad Pro