Lato
About Lato
Łukasz Dziedzic a conçu cette police sans-serif humaniste destinée à une grande famille corporative, en cherchant à allier chaleur estivale et stabilité sobre et sérieuse dans les structures des lettres. La tension entre ces qualités — visible dans les terminaisons semi-arrondies et le squelette légèrement géométrique — lui confère un attrait polyvalent. Un axe variable de graisse complète les 18 styles statiques, offrant une grande flexibilité pour les applications d'interface comme pour le texte courant.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (5)
How to Use
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;700;900;400&display=swap');
font-family: 'Lato', sans-serif;
brew install --cask font-lato
Details
- Category
- Sans Serif
- Style
- humanist-sans
- Weights
- 5
- Italic
- ✓
- Coréen
- ✗
- Designer
- Lukasz Dziedzic
- License
- OFL
- Version
- Popularity
- #8
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
Best For
Similar Fonts
Typography Concepts
-
Web Font
A font specifically designed or licensed for use on websites, loaded via CSS @font-face or services like Google Fonts.
-
OFL (SIL Open Font License)
The most common open-source font license. Allows free use, modification, and redistribution. All Google Fonts use OFL or Apache 2.0.
-
Modular Scale
A sequence of harmonious numbers based on a ratio (e.g., 1.25 minor third, 1.333 perfect fourth, 1.618 golden ratio) used to set type sizes.
-
Letter Spacing
The CSS property for adjusting spacing between all characters. Positive values spread letters apart; negative values bring them closer.
-
FOUT
Flash of Unstyled Text — when a fallback font briefly appears before the web font loads. Mitigated by font-display: swap.
-
CLS (Font-related)
Cumulative Layout Shift caused by font loading — text reflows when web font replaces fallback due to different metrics. A Core Web Vital issue.