Typography Overview

Пять ролей шрифта

Material Design V3 определяет 5 ролей для шрифта: Display, headline, title, body и label. Эти роли носят более описательный характер, нежели прошлые версии Material Design, позволяя упростить применение в более широком диапазоне вариантов использования. Подробнее можно прочитать на официальном сайте Material Design V3

Type styles

Стандартные шрифты

Стандартным шрифтом в Material Design является Roboto.

Roboto включает более 3300 глифов для обозначения сотен языков мира.

Для гибкой настройки можно использовать переменный шрифт - Roboto Flex. В качестве шрифта с засечками используется Roboto Serif.

Размерность шрифта

Material Design предлагает комбинацию из 15 стилей, каждый из которых имеет своё значение и применение. Они назначаются в зависимости от использования (например, для отображения заголовка) и группируются в категории в зависимости от масштаба (например, большие или маленькие).

По умолчанию, используется шрифт Roboto для всех компонентов title, body и label, создавая тем самым целостную типографику.

Custom typefaces

Креативность же можно проявить при использовании больших размеров (например, display или headline)

Material's major font scales

В Material Design используется шкала типа Major Second scale (1.125) с 14px в качестве основного размера. Это привязка к наиболее важному стилю, наиболее часто используемому для набора основного текста.

Reduced set of type scales

Вероятнее всего, для ваших нужд не обязательно использовать все 15 стилей. В данном примере выбрано пять размеров, а остальные удалены