menuMDUIDocs
color_lens
Новый mdui 2 на базе Material Design 3 и Web Components уже здесь. Перейти к документации mdui 2.

Шрифт Roboto

Roboto — это стандартный шрифт, используемый в Material Design. Фреймворк mdui включает в себя этот файл шрифта.

Roboto включает 6 вариантов насыщенности: 100, 300, 400, 500, 700, 900, а также два стиля: нормальный (normal) и курсив (italic).

Связанное чтение

Рекомендации по дизайну Material Design: Стили — Типографика

Демонстрация Roboto

Thin

code
Пример
font-weight:100;

Thin Italic

code
Пример
font-weight: 100;
font-style: italic;

Light

code
Пример
font-weight: 300;

Light Italic

code
Пример
font-weight: 300;
font-style: italic;

Regular

code
Пример
font-weight: 400;

Regular Italic

code
Пример
font-weight: 400;
font-style: italic;

Medium

code
Пример
font-weight:500;

Medium Italic

code
Пример
font-weight: 500;
font-style: italic;

Bold

code
Пример
font-weight:700;

Bold Italic

code
Пример
font-weight: 700;
font-style: italic;

Black

code
Пример
font-weight:900;

Black Italic

code
Пример
font-weight: 900;
font-style: italic;

Удаление Roboto

Если вы не хотите использовать Roboto, вы можете переопределить шрифт по умолчанию своим собственным.

body {
  font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, sans-serif;
}
arrow_backPrevious
Цвета и темы
arrow_forwardNext
Сетка (Grid)