Lato

Name: Lato
Author: Lukasz Dziedzic

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

Size

Weight

About Lato

Łukasz Dziedzic 最初为一家波兰企业设计了这款温暖而正式的无衬线字体，后于 2010 年公开发布。圆润的细节与笔画末端的半衬线赋予其独特的人文气质，同时在专业环境中保持无可挑剔的可读性。其微妙的矛盾性——既传统又现代，既正式又亲切——造就了持久的通用吸引力。

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

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

OFL — Free for personal & commercial use

latin latin-ext

body-text web business

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.