Lato

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

About Lato

바르샤바 기반 디자이너 Lukasz Dziedzic이 제작한 Lato는 이중적인 성격을 지닌 서체입니다. 글자 구조에는 반-원형의 세부가 인간적 온기를 더하고, 전체적인 형태는 여름의 투명함을 연상시키는 안정감을 줍니다. 라틴, 키릴, 그리스 확장 문자를 지원하며 6가지 굵기 쌍을 제공하여 기업 커뮤니케이션과 웹 인터페이스 모두에서 신뢰받는 선택지입니다.

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
✓
한국어
✗
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