Lato
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
Hakkında Lato
Varşovalı tasarımcı Lukasz Dziedzic, Lato'yu çift kişilikli olarak tasarladı: 'a' ve 'e' gibi harflerdeki yarı yuvarlak detaylar yakından bakıldığında sıcaklık verirken genel yapı uzaktan bakıldığında temiz ve profesyonel görünür. Görünürde çelişkili bu özellikler, güvenilirlik ve yakınlığın bir arada bulunmasını gerektiren kurumsal web siteleri ve pazarlama materyallerinde son derece etkili kılar. Eşleşen italiklerle beş ağırlıkta sunulur ve on yılı aşkın süredir güvenilir bir gövde metni seçeneği olmaya devam eder.
Design Analysis
Lato blends semi-rounded letterforms with a strong, stable structure, creating a warm yet professional typeface. Originally designed as a corporate font, its details reveal classical proportions softened by subtle curves in terminals and counters. The family offers ten weights, each maintaining the balance between seriousness and friendliness.
Recommended Use Cases
Well-suited for corporate websites, SaaS dashboards, and professional documents where warmth without informality is needed. Works as both heading and body text, reducing the need for multiple font families.
Karakter Haritası
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Ağırlık Şelalesi (5)
Nasıl Kullanılır
<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
Ayrıntılar
- Kategori
- Sans Serif
- Stil
- humanist-sans
- Kalınlıklar
- 5
- İtalik
- ✓
- Korece
- ✗
- Tasarımcı
- Lukasz Dziedzic
- Lisans
- OFL
- Sürüm
- Popülerlik
- #8
- İndirmeler
- 437
Lisans Kullanımı
| Web kullanımı | İzin Verildi |
| Baskı | İzin Verildi |
| Video / Yayın | İzin Verildi |
| Ambalaj | İzin Verildi |
| Uygulama yerleştirme | İzin Verildi |
| Marka / Logo | İzin Verildi |
| Değiştirme | İzin Verildi |
OFL — Kişisel ve ticari kullanım için ücretsiz
Dil Desteği
En İyi Kullanım Alanları
Benzer Fontlar
Tipografi Kavramları
-
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.