Lato

Sans Serif humanist-sans by Lukasz Dziedzic #8 on Google Fonts
Download Google Fonts
Weight

About Lato

Nhà thiết kế Lukasz Dziedzic có trụ sở tại Warsaw đã tạo ra Lato với hai tính cách: các chi tiết bán tròn trong các chữ như 'a' và 'e' mang lại 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 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à thân thiện phải cùng tồn tại. Có trong năm trọng lượng với italic tương ứng, nó đã duy trì là lựa chọn body text đáng tin cậy hơn một thập kỷ.

Character Map

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

Weight Waterfall (5)

100 Thin
300 Light
400 Regular
700 Bold
900 Black

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
✓
Tiếng Hàn Quốc
✗
Designer
Lukasz Dziedzic
License
OFL
Version
Popularity
#8

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

latin latin-ext

Best For

body-text web business

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.

Articles About Lato

Font Reviews
Best Fonts for Presentations and Slides
 Font Reviews
Best Google Fonts for E-commerce Stores
 Font Reviews
Lato: The Friendly Professional Font
 Font Reviews
Open Sans: Why It's Still Everywhere