Noto Sans

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

About Noto Sans

Mục nhập Latin chính của dự án Noto pan-Unicode của Google, typeface humanist sans-serif này được thiết kế để có sự hài hòa chữ viết tối đa qua Devanagari, Cyrillic, Hy Lạp và tiếng Việt cùng với Latin tiêu chuẩn. Các trục chiều rộng và trọng lượng biến đổi cho phép kiểm soát tinh chỉnh cho cả nhãn giao diện người dùng nhỏ gọn lẫn văn bản đọc thoải mái. Tính trung lập có chủ ý của nó làm cho nó trở thành lựa chọn an toàn nhất khi tài liệu phải hiển thị chính xác trên các hệ thống chữ viết đa dạng.

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
✓
Tiếng Hàn Quốc
✗
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