Lato

Name: Lato
Author: Lukasz Dziedzic

Sans Serif humanist-sans 设计： Lukasz Dziedzic #7 在 Google Fonts 上

大小

字重

关于 Lato

华沙设计师 Lukasz Dziedzic 赋予 Lato 双重性格：字母“a”和“e”中的半圆润细节使其近观时透出温暖，而整体结构在远观时又显得干净利落、商务感十足。这些看似矛盾的特质使其在需要信任感与亲和力并存的企业网站和营销材料中格外有效。提供五种字重及配套斜体，十多年来一直是可靠的正文字体之选。

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

On this page

详情

分类: Sans Serif
样式: humanist-sans
字重: 5
斜体: ✓
韩文: ✗
设计师: Lukasz Dziedzic
许可证: OFL
版本
热度: #7
下载量: 848

许可用途

网页使用	允许
印刷	允许
视频 / 广播	允许
包装	允许
应用嵌入	允许
品牌 / 标志	允许
修改	允许

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.

Frequently Asked Questions

Is the Lato font free for commercial use?

Yes — Lato is an open-source font, free to use in personal and commercial projects.

What type of typeface is Lato?

Lato is a Sans Serif typeface.

What does Lato support?

Lato primarily supports text.