Lato

Name: Lato
Author: Lukasz Dziedzic

Sans Serif humanist-sans 제작 Lukasz Dziedzic #8 Google Fonts에서

다운로드 Google Fonts

크기

굵기

소개 Lato

바르샤바 출신 디자이너 Lukasz Dziedzic가 만든 Lato는 이중적인 개성을 지닙니다. 'a'와 'e' 같은 글자에 반원형 디테일을 더해 가까이서 보면 따뜻한 느낌을 주면서도, 멀리서 볼 때는 전체 구조가 깔끔하고 비즈니스적으로 읽힙니다. 이 겉보기엔 모순적인 특성들이 신뢰성과 친근함을 동시에 요구하는 기업 웹사이트와 마케팅 자료에서 탁월한 효과를 발휘합니다. 이탤릭이 포함된 다섯 가지 굵기로 10년 이상 신뢰받는 본문 폰트로 자리를 지키고 있습니다.

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

상세 정보

카테고리: Sans Serif
스타일: humanist-sans
굵기: 5
이탤릭: ✓
한국어: ✗
디자이너: Lukasz Dziedzic
라이선스: OFL
버전
인기도: #8
다운로드: 437

라이선스 사용

웹 사용	허용됨
인쇄	허용됨
영상 / 방송	허용됨
패키징	허용됨
앱 임베딩	허용됨
브랜드 / 로고	허용됨
수정	허용됨

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.