Roboto

Name: Roboto
Author: Christian Robertson

Sans Serif neo-grotesque 制作 Christian Robertson #1 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 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.

文字マップ

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
ダウンロード: 479

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

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.