Lato

Name: Lato
Author: Lukasz Dziedzic

Sans Serif humanist-sans بواسطة Lukasz Dziedzic #8 على Google Fonts

تنزيل Google Fonts

الحجم

الوزن

حول Lato

Warsaw-based designer Lukasz Dziedzic created Lato with a dual personality: semi-rounded details in letters like 'a' and 'e' give it warmth up close, while the overall structure reads as clean and businesslike at a distance. These seemingly contradictory traits make it highly effective for corporate websites and marketing materials where trustworthiness and approachability must coexist. Available in five weights with matching italics, it has endured as a reliable body text choice for over a decade.

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.

خريطة الأحرف

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

تدرج الأوزان (5)

100 Thin

300 Light

400 Regular

700 Bold

900 Black

كيفية الاستخدام

<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

التفاصيل

الفئة: Sans Serif
النمط: humanist-sans
الأوزان: 5
مائل: ✓
الكورية: ✗
المصمم: Lukasz Dziedzic
الترخيص: OFL
الإصدار
الشعبية: #8
التنزيلات: 186

استخدام الترخيص

الاستخدام على الويب	مسموح
الطباعة	مسموح
الفيديو / البث	مسموح
التغليف	مسموح
التضمين في التطبيقات	مسموح
العلامة التجارية / الشعار	مسموح
التعديل	مسموح

OFL — مجاني للاستخدام الشخصي والتجاري

دعم اللغات

latin latin-ext

الأنسب لـ

body_text web_apps ui_elements

خطوط مشابهة

مقارنة

مفاهيم الطباعة

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.