Шрифты CSS

Модуль CSS шрифтов определяет свойства, связанные с шрифтами, и как загружаются шрифтовые ресурсы. Он позволяет задавать стиль шрифта, такой как его семейство, размер и вес, а также варианты глифов для использования, когда для одного символа доступно несколько.

Шрифт — это файл-ресурс, содержащий визуальное представление символов, сопоставляющее коды символов с глифами, которые представляют буквы, цифры, знаки препинания и даже эмодзи определённого шрифта. Семейство шрифтов — это группа шрифтов, которые разделяют общие стили дизайна и свойства шрифтов, при этом каждый член группы предоставляет различные способы отображения глифов, отличаясь весом штриха, наклоном или относительной шириной, среди прочих атрибутов. Шрифт обычно представляет собой один стиль шрифта, например, Helvetica Bold и Italic. Семейство шрифтов — это полный набор стилей. Включение такого шрифта в документ или дизайн осуществляется путём определения отдельной @font-face декларации для каждого шрифтового ресурса.

Свойства, правила и дескрипторы модуля CSS шрифтов позволяют загружать несколько вариантов одного шрифта. Они также определяют, какой шрифтовой файл использовать для определённой характеристики шрифта, а также инструкции по резервному копированию, на случай, если ресурс не загрузится. Механизм выбора шрифтов CSS описывает процесс сопоставления заданного набора свойств CSS шрифта с конкретным шрифтом.

Модуль CSS шрифтов также поддерживает переменные шрифты. В отличие от обычных шрифтов, где каждый стиль реализуется как отдельный шрифтовой файл, переменные шрифты могут содержать все стили в одном файле. Используя одну @font-face декларацию, вы можете импортировать переменный шрифт, который включает все стили. В зависимости от шрифта, это может включать множество вариантов шрифта. Переменные шрифты являются частью спецификации шрифтов OpenType.