Roboto

Name: Roboto
Author: Christian Robertson

Sans Serif neo-grotesque bởi Christian Robertson #1 trên Google Fonts

Tải xuống Google Fonts

Kích thước

Độ đậm

Giới thiệu Roboto

Designed by Christian Robertson for Google's Material Design ecosystem, this neo-grotesque sans-serif is the most widely used typeface on the web and Android. Its dual-nature design balances mechanical precision with natural reading rhythm, making it equally at home in UI labels and long-form text. The variable font supports width and weight axes alongside Cyrillic, Greek, and extended Latin scripts.

Design Analysis

Roboto is a neo-grotesque sans-serif with open curves and a mechanical skeleton balanced by friendly, geometric forms. Its letterforms feature a generous x-height and consistent stroke width, offering excellent legibility at small sizes. The dual nature of mechanical precision and organic curves gives it a neutral yet approachable personality.

Recommended Use Cases

Ideal for Android and Material Design interfaces where readability at varying densities is critical. Works well for body text in web applications and pairs naturally with Roboto Slab or Roboto Condensed for typographic hierarchy.

Bản đồ ký tự

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

Thác độ đậm (9)

100 Thin

200 ExtraLight

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

800 ExtraBold

900 Black

Cách sử dụng

<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

Chi tiết

Danh mục: Sans Serif
Kiểu: neo-grotesque
Độ đậm: 9
Nghiêng: ✓
Tiếng Hàn: ✗
Nhà thiết kế: Christian Robertson
Giấy phép: OFL
Phiên bản
Độ phổ biến: #1
Lượt tải: 207

Sử dụng giấy phép

Sử dụng web	Được phép
In ấn	Được phép
Video / Phát sóng	Được phép
Đóng gói	Được phép
Nhúng vào ứng dụng	Được phép
Thương hiệu / Logo	Được phép
Sửa đổi	Được phép

OFL — Miễn phí cho sử dụng cá nhân và thương mại

Hỗ trợ ngôn ngữ

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

Phù hợp nhất cho

body_text web_apps ui_elements

Font tương tự

So sánh

Khái niệm typography

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.