Lato

Sans Serif humanist-sans 제작 Lukasz Dziedzic #7 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
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.

관련 글 Lato

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.