Roboto

Name: Roboto
Author: Christian Robertson

Sans Serif neo-grotesque 제작 Christian Robertson #1 Google Fonts에서

다운로드 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
다운로드: 217

라이선스 사용

웹 사용	허용됨
인쇄	허용됨
영상 / 방송	허용됨
패키징	허용됨
앱 임베딩	허용됨
브랜드 / 로고	허용됨
수정	허용됨

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.