Roboto
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://fontfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://fontfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://fontfyi.com/entity//)
Use the native HTML custom element.
소개 Roboto
Christian Robertson이 Google의 Material Design 생태계를 위해 설계한 이 네오 그로테스크 산세리프체는 웹과 Android에서 가장 널리 사용되는 서체입니다. 이중적인 설계 방식이 기계적 정밀함과 자연스러운 읽기 리듬을 균형 있게 결합하여, UI 레이블과 장문 텍스트 모두에 잘 어울립니다. 가변 폰트는 너비 및 굵기 축을 지원하며, 키릴 문자, 그리스 문자, 확장 라틴 스크립트를 함께 포함하고 있습니다.
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.
문자 맵
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
굵기 워터폴 (9)
사용 방법
<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
- 다운로드
- 479
라이선스 사용
| 웹 사용 | 허용됨 |
| 인쇄 | 허용됨 |
| 영상 / 방송 | 허용됨 |
| 패키징 | 허용됨 |
| 앱 임베딩 | 허용됨 |
| 브랜드 / 로고 | 허용됨 |
| 수정 | 허용됨 |
OFL — 개인 및 상업적 사용 무료
언어 지원
최적 용도
타이포그래피 개념
-
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.