Noto Sans

Sans Serif humanist-sans by Google #13 on Google Fonts
Download Google Fonts
Weight

About Noto Sans

GoogleのNotoパンユニコードプロジェクトにおけるラテン文字プライマリのエントリーとして、このヒューマニストサンセリフはデーヴァナーガリー、キリル文字、ギリシャ文字、ベトナム語を標準ラテン文字と並んで最大限のスクリプト調和のために設計されています。バリアブルの幅とウェイト軸により、コンパクトなUIラベルから快適な読書テキストまで細かい制御が可能です。意図的な中立性により、多様な書記体系にわたって正しくレンダリングする必要があるドキュメントに最も安全な選択肢となっています。

Character Map

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Weight Waterfall (9)

100 Thin
200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black

How to Use

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Noto Sans', sans-serif;
brew install --cask font-noto-sans

Details

Category
Sans Serif
Style
humanist-sans
Weights
9
Italic
✓
韓国語
✗
Designer
Google
License
OFL
Version
Popularity
#13

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext devanagari greek greek-ext latin latin-ext vietnamese

Best For

multilingual body-text ui

Similar Fonts

Typography Concepts

  • Glyph

    A single visual representation of a character. One character can have multiple glyphs (e.g., regular and italic 'a').

  • Hinting

    Instructions embedded in a font that improve its rendering at small sizes on low-resolution screens by aligning outlines to the pixel grid.

  • Subsetting

    Removing unused characters from a font file to reduce download size. For example, loading only Latin characters instead of the full Unicode range.

  • unicode-range

    CSS descriptor in @font-face that specifies which Unicode characters to download from a font file, enabling automatic subsetting by the browser.

Articles About Noto Sans

Web Performance
Font Subsetting: Cut Font File Sizes by 90%
 Design Systems
Choosing a Primary Font for Your Design System
 Font Reviews
Roboto: Everything You Need to Know
 Font Reviews
Arial vs Helvetica: The Differences Explained