Дескриптор CSS-правила `font-feature-settings`

Базовая поддержка Широко доступно

Эта возможность хорошо зарекомендовала себя и работает на многих устройствах и во многих версиях браузеров. Она доступна в браузерах с апреля 2017 года.

Дескриптор font-feature-settings CSS позволяет задать начальные настройки шрифта, определённого правилом @font-face. С помощью этого дескриптора также можно управлять типографическими особенностями шрифта, определённого правилом @font-face, такими как лигатуры, капитель и росчерки. Значения этого дескриптора совпадают со значениями свойства font-feature-settings, за исключением глобальных ключевых слов.

Поскольку этот дескриптор задаёт значения особенностей для объекта шрифта в правиле @font-face, а не для всего элемента, с его помощью могут отображаться только некоторые глифы элемента.

Синтаксис

/* Use the default settings */
font-feature-settings: normal;

/* Set values for OpenType feature tags */
font-feature-settings: "smcp";
font-feature-settings: "smcp" on;
font-feature-settings: "swsh" 2;

Значения

Этот дескриптор задаётся ключевым словом normal или списком значений <feature-tag-value>, разделённых запятыми. При отображении текста список значений OpenType <feature-tag-value> передаётся механизму компоновки текста для включения или отключения функций шрифта.

normal

Указывает, что текст отображается с настройками шрифта по умолчанию. Это значение используется по умолчанию.

<feature-tag-value>

Представляет собой разделённую пробелами пару, состоящую из имени тега и необязательного значения.

Имя тега всегда является <string> из четырёх символов ASCII. Если в имени тега больше или меньше символов либо оно содержит символы за пределами диапазона кодовых точек U+20 – U+7E, дескриптор недействителен.

Необязательное значение может быть положительным целым числом или ключевым словом on либо off. Ключевые слова on и off являются синонимами значений 1 и 0 соответственно. Если значение не задано, используется 1. Для небулевых функций OpenType (например, стилистических альтернатив) значение указывает конкретный глиф для выбора; для булевых функций значение включает или отключает функцию.

Формальное определение

Формальный синтаксис

Примеры

Включение росчерковых глифов с помощью правила @font-face

В этом примере имя тега swsh и булево значение 1 используются в качестве значения дескриптора font-feature-settings в правиле @font-face.

HTML

<p class="swash-off">Swash is off here</p>
<p class="swash-on">Swash is on here</p>

CSS

@font-face {
  font-family: "MonteCarlo";
  src: url("/shared-assets/fonts/monte-carlo/monte-carlo-regular.woff2");
}
@font-face {
  font-family: "MonteCarlo2";
  src: url("/shared-assets/fonts/monte-carlo/monte-carlo-regular.woff2");
  font-feature-settings: "swsh" 1;
}
p {
  font-size: 3rem;
  margin: 0.7rem 3rem;
}
.swash-off {
  font-family: "MonteCarlo", cursive;
}
.swash-on {
  font-family: "MonteCarlo2", cursive;
}

Результат

В строке 1 показан стандартный декоративный дизайн шрифта MonteCarlo, а в строке 2 стандартные глифы заменены на росчерковые.

Спецификации

Спецификация
Модуль CSS Fonts, уровень 4 # font-rend-desc

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari для iOS	Samsung Internet	WebView для Android	WebView для iOS
`font-feature-settings`	140	140	34 В третьем издании ISO/IEC CD 14496-22 рекомендуется использовать функцию `ssty` для предоставления вариантов глифов, более подходящих для письменностей (например, простых штрихов, используемых в качестве верхних индексов). Начиная с Firefox 29, механизм отображения MathML выполняет это автоматически. В третьем издании ISO/IEC CD 14496-22 также рекомендуется применять функцию `dtls` к буквам при размещении математических диакритических знаков, чтобы получать формы без точки (например, i без точки или j с циркумфлексом). Начиная с Firefox 35, механизм отображения MathML выполняет это автоматически. Значения по умолчанию, заданные механизмом отображения MathML, можно переопределить с помощью CSS. 15 В версиях Firefox с 4 по 14 включительно поддерживался устаревший, немного отличающийся синтаксис. См. Поддержка функций шрифтов OpenType в Firefox 4.	124	10	140	34 В третьем издании ISO/IEC CD 14496-22 рекомендуется использовать функцию `ssty` для предоставления вариантов глифов, более подходящих для письменностей (например, простых штрихов, используемых в качестве верхних индексов). Начиная с Firefox для Android 29, механизм отображения MathML выполняет это автоматически. В третьем издании ISO/IEC CD 14496-22 также рекомендуется применять функцию `dtls` к буквам при размещении математических диакритических знаков, чтобы получать формы без точки (например, i без точки или j с циркумфлексом). Начиная с Firefox для Android 35, механизм отображения MathML выполняет это автоматически. Значения по умолчанию, заданные механизмом отображения MathML, можно переопределить с помощью CSS. 15 В версиях Firefox для Android с 4 по 14 включительно поддерживался устаревший, немного отличающийся синтаксис. См. Поддержка функций шрифтов OpenType в Firefox для Android 4.	92	10	30.0	140	10

См. также

Другие дескрипторы @font-face: font-family, font-style, font-variation-settings, font-weight, src
Связанные свойства шрифта: font-feature-settings, font-variant-alternates, font-variation-settings

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face/font-feature-settings