Семейство шрифтов

Свойство font-family задаёт приоритетный список названий шрифтов, которые относят к определённому семейству шрифтов. Последовательность названий следует от наивысшего приоритета к наинизшему. Названия шрифтов разделяют запятыми. Браузер в указанном порядке выбирает шрифты для загрузки.

В случае, если браузер не смог найти указанные в списке шрифты, он использует ключевое слово универсального семейства шрифта и подбирает подходящий резервный шрифт используемой операционной системы.

Универсальные семейства шрифтов

Стандартные ключевые слова

В стандарте CSS Fonts Module Level 4. шрифты разделены на:

• универсальные семейства шрифтов, применяемых для гипертекста;
• универсальные семейства шрифтов, применяемых для интерфейса гипертекста.

Для универсальных семейств шрифтов гипертекста определены следующие ключевые слова:

• serif;
• sans serif;
• cursive;
• monospace;
• fantasy;
• math.

Ключевое слово cursive обозначает рукописные шрифты (Chancery, Brush, Swing, Script).

Следует обратить внимание на универсальное семейство math. Оно предназначено для отображения математических выражений (формул).

Семейства шрифтов, применяемых для интерфейса гипертекста:

• system-ui
• ui-serif
• ui-sans-serif
• ui-monospace
• ui-rounded

Универсальное семейство system-ui позволяет отображать интерфейс гипертекста, используя шрифты по умолчанию, применяемые агентом пользователя. Это важно для кроссплатформенных и гибридных приложений Веба. Назначение system-ui — обеспечить гладкую интеграцию интерфейса гипертекста с операционной системой, установленной на устройстве пользователя.

При указании универсального семейство system-ui агент пользователя выбирает конкретный шрифт в зависимости от языка платформы, установленной локали, предпочтений пользователя, языка гипертекста. Более того, агент пользователя задействует способ отрисовки текста, предоставленный платформой. Это не только улучшает качество, но и повышает скорость вывода интерфейса на экран.

Другие универсальные семейства интерфейса действуют аналогично семейству system-ui, но для своего семейства:

• ui-serif — только для шрифтов с засечками;
• ui-sans-serif — только для шрифтов без засечек;
• ui-monospace — только для моноширинных шрифтов;
• ui-rounded — только для шрифтов без засечек, отнесённых к подкатегории rounded.

Если в настройках платформы не указаны системные шрифты браузер проигнорирует семейство шрифтов интерфейса.

Классификация универсальных семейств

Универсальные семейства шрифтов получили названия в соответствии с исторической классификацией. По соображениям совместимости гипертекстов эти наименования в существующем стандарте W3C изменить невозможно.

Совмещение исторической классификации стандарта с более современными способами классификации (например, с многоаспектной классификацией шрифтов. ) возможно, но имеет множество неточностей, нюансов и побочных эффектов.

Ниже приведён очень несовершенный пример фасетной классификации шрифтов для русского языка кириллической письменности (Writing system: Cyrillic, Language: Russian).

Пропорциональные (modulated) шрифты:

• serif:

  • old style
  • humanist
  • slab:
    • scotch
    • сlarendon
  • transitional
  • modern
    • didone

• sans serif:

  • grotesque
  • neo-grotesque
  • geometric
  • glyphic
  • humanist
    • superellipse
    • rounded

Моноширинные (monospace):

• serif
• sans serif

Рукописные шрифты:

• cursive
  • formal
  • upright
  • handwritten
  • informal
  • blackletter

Декоративные шрифты:

• fantasy
  • symbol
  • monoline

Математические шрифты:

• math

Правила свойства font-family

В список font-family следует включать хотя бы одно универсальное семейство шрифтов для случая, если какой-либо шрифт будет недоступен для браузера. Ключевое слово универсального семейства:

• не следует заключать в кавычки;
• следует указывать последним в списке наименований семейств шрифтов.