Lato
About Lato
Дизайнер из Варшавы Lukasz Dziedzic создал Lato с двойной индивидуальностью: полупрозрачные элементы в буквах придают ему теплоту и гуманизм при небольших размерах, тогда как его общая структура кажется безупречно профессиональной при крупных размерах. Это один из первых гуманистических шрифтов без засечек, разработанных специально для применения как в заголовках, так и в основном тексте с минимальной адаптацией. Широкий диапазон насыщенностей и поддержка расширенной латиницы делают его надёжным корпоративным шрифтом.
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
- ✓
- Корейский
- ✗
- 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.