Roboto

Name: Roboto
Author: Christian Robertson

Sans Serif neo-grotesque от Christian Robertson #1 на Google Fonts

Скачать Google Fonts

Размер

Насыщенность

О сайте Roboto

Разработанный Christian Robertson для экосистемы Material Design от Google, этот нео-гротескный шрифт sans-serif является наиболее широко используемым на вебе и в Android. Двойственная природа дизайна сочетает механическую точность с естественным ритмом чтения, делая шрифт одинаково уместным как в метках интерфейса, так и в длинных текстах. Переменный шрифт поддерживает оси ширины и насыщенности, а также кириллическое, греческое и расширенное латинское письмо.

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

Условия лицензии

Использование в вебе	Разрешено
Печать	Разрешено
Видео / Трансляция	Разрешено
Упаковка	Разрешено
Встраивание в приложения	Разрешено
Бренд / Логотип	Разрешено
Модификация	Разрешено

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.