Roboto

Sans Serif neo-grotesque by Christian Robertson #1 on Google Fonts
Download Google Fonts
Weight

About Roboto

Được thiết kế bởi Christian Robertson cho hệ sinh thái Material Design của Google, typeface neo-grotesque sans-serif này là font chữ được sử dụng rộng rãi nhất trên web và Android. Thiết kế lưỡng tính của nó cân bằng giữa độ chính xác cơ học và nhịp đọc tự nhiên, phù hợp cho cả nhãn giao diện người dùng lẫn văn bản dạng dài. Variable font hỗ trợ các trục chiều rộng và trọng lượng cùng với chữ viết Cyrillic, Hy Lạp và Latin mở rộ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=Roboto:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Roboto', sans-serif;
brew install --cask font-roboto

Details

Category
Sans Serif
Style
neo-grotesque
Weights
9
Italic
✓
Tiếng Hàn Quốc
✗
Designer
Christian Robertson
License
OFL
Version
Popularity
#1
Downloads
1

License Usage

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

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext greek greek-ext latin latin-ext math symbols vietnamese

Best For

mobile-app web-app body-text

Similar Fonts

Typography Concepts

  • Baseline

    The invisible line on which most letters sit. Descenders extend below the baseline.

  • x-height

    The height of lowercase letters (like 'x') measured from the baseline. A key factor in perceived font size and readability.

  • Descender

    The part of a letter that extends below the baseline, as in 'g', 'j', 'p', 'q', 'y'.

  • Bowl

    The curved stroke creating an enclosed counter in letters like 'b', 'd', 'p', 'q'. The shape varies widely between typefaces.

  • Stem

    The main vertical stroke of a letter, such as the upright in 'l', 'b', 'd'. The heaviest stroke in most typeface designs.

  • Sans Serif

    A typeface without serifs — 'sans' means 'without' in French. Clean, modern appearance popular in digital design.

Articles About Roboto

Typography Fundamentals
Typographic Color: Achieving Even Text Texture
 Font Selection
Choosing Fonts for Your Brand: A Strategic Framework
 Web Performance
Preventing Layout Shift (CLS) from Font Loading
 Typography Fundamentals
Typeface vs. Font: What's the Difference and Why It Matters