Lato

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

About Lato

Łukasz Dziedzic นักออกแบบชาวโปแลนด์สร้าง Lato ('ฤดูร้อน' ในภาษาโปแลนด์) โดยมีเป้าหมายให้มันรู้สึกโปร่งใสในข้อความ body แต่แสดงบุคลิกที่ชัดเจนในขนาดใหญ่ โครงสร้าง semi-rounded ให้ความอบอุ่นที่ไม่ปรากฏบน humanist เต็มตัว ด้วย 18 styles ที่ครอบคลุม Cyrillic และ Latin มันเป็น web font ที่ใช้งานได้หลากหลายสำหรับข้อความร่างกาย เนื้อหา corporate และอินเทอร์เฟซที่เป็นมิตรกับผู้ใช้

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