Lato

Name: Lato
Author: Lukasz Dziedzic

Sans Serif humanist-sans 制作 Lukasz Dziedzic #8 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 Lato

ワルシャワを拠点とするデザイナーLukasz Dziedzicが制作したLatoは、二面性のある個性を持ちます。「a」や「e」のような文字の半円形のディテールが近くで見ると温かみを演出しながら、全体の構造は遠くから見るとすっきりしたビジネス感を醸し出します。この一見矛盾した特性が、信頼性と親しみやすさを同時に求める企業ウェブサイトやマーケティング素材において卓越した効果を発揮します。イタリックを含む5つのウェイトで、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

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

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.