Roboto

Sans Serif neo-grotesque โดย Christian Robertson #1 บน Google Fonts
น้ำหนัก

เกี่ยวกับ 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.

แผนผังตัวอักษร

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

น้ำตกน้ำหนัก (9)

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

วิธีใช้

<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

รายละเอียด

หมวดหมู่
Sans Serif
สไตล์
neo-grotesque
น้ำหนัก
9
ตัวเอียง
เกาหลี
นักออกแบบ
Christian Robertson
สัญญาอนุญาต
OFL
เวอร์ชัน
ความนิยม
#1
ดาวน์โหลด
215

การใช้สัญญาอนุญาต

ใช้บนเว็บอนุญาต
งานพิมพ์อนุญาต
วิดีโอ / ออกอากาศอนุญาต
บรรจุภัณฑ์อนุญาต
การฝังในแอปอนุญาต
แบรนด์ / โลโก้อนุญาต
การดัดแปลงอนุญาต

OFL — ฟรีสำหรับใช้ส่วนตัวและเชิงพาณิชย์

การรองรับภาษา

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

เหมาะสำหรับ

body_text web_apps ui_elements

ฟอนต์ที่คล้ายกัน

แนวคิดการพิมพ์

  • 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.

บทความเกี่ยวกับ Roboto