Roboto

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

About Roboto

Christian Robertson이 Google의 Material Design 생태계를 위해 설계한 이 네오-그로테스크 산세리프는 웹과 Android에서 가장 널리 사용되는 서체입니다. 이중적인 특성을 지닌 디자인은 기계적 정밀함과 자연스러운 읽기 리듬을 균형 있게 조화시켜, UI 레이블과 장문 텍스트 모두에서 뛰어난 적합성을 발휘합니다. 가변 폰트는 width 및 weight 축과 함께 키릴 문자, 그리스 문자, 확장 라틴 문자를 지원합니다.

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
✓
한국어
✗
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