Lato

Name: Lato
Author: Lukasz Dziedzic

Sans Serif humanist-sans bởi Lukasz Dziedzic #8 trên Google Fonts

Tải xuống Google Fonts

Kích thước

Độ đậm

Giới thiệu Lato

Nhà thiết kế người Warsaw, Lukasz Dziedzic, đã tạo ra Lato với tính cách kép: các chi tiết bán tròn trong các chữ cái như 'a' và 'e' tạo sự ấm áp khi nhìn gần, trong khi cấu trúc tổng thể trông sạch sẽ và chuyên nghiệp khi nhìn từ xa. Những đặc điểm có vẻ mâu thuẫn này làm cho nó rất hiệu quả cho các trang web doanh nghiệp và tài liệu marketing, nơi sự đáng tin cậy và khả năng tiếp cận cần cùng tồn tại. Có sẵn với năm trọng lượng kèm theo nghiêng tương ứng, nó đã tồn tại như lựa chọn văn bản nội dung đáng tin cậy trong hơn một thập kỷ.

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.

Bản đồ ký tự

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

Thác độ đậm (5)

100 Thin

300 Light

400 Regular

700 Bold

900 Black

Cách sử dụng

<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

Chi tiết

Danh mục: Sans Serif
Kiểu: humanist-sans
Độ đậm: 5
Nghiêng: ✓
Tiếng Hàn: ✗
Nhà thiết kế: Lukasz Dziedzic
Giấy phép: OFL
Phiên bản
Độ phổ biến: #8
Lượt tải: 437

Sử dụng giấy phép

Sử dụng web	Được phép
In ấn	Được phép
Video / Phát sóng	Được phép
Đóng gói	Được phép
Nhúng vào ứng dụng	Được phép
Thương hiệu / Logo	Được phép
Sửa đổi	Được phép

OFL — Miễn phí cho sử dụng cá nhân và thương mại

Hỗ trợ ngôn ngữ

latin latin-ext

Phù hợp nhất cho

body_text web_apps ui_elements

Font tương tự

So sánh

Khái niệm typography

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.