CSS свойство font-feature-settings

Свойство font-feature-settings дает возможность управлять расширенными типографскими функциями в шрифтах OpenType. Свойство имеет две значения - normal и <feature-tag-value>. "Normal" является значением по умолчанию. Значение <feature-tag-value> - положительное целое число. Ключевые слова "on" и "off" являются синонимами для "1" и "0" соответственно. Если никакое значение не установлено, значение по умолчанию будет равно "1".

Множество значений, кроме стандартных лигатур, поддерживаются свойством font-feature-settings, включая малые прописные. В особенности, свойство font-feature-settings не должно быть использовано для включения малых прописных.

Значение по умолчанию normal
Применяется Ко всем элементам, а также к ::first-letter и ::first-line .
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.fontFeatureSettings = "normal";

Синтаксис

font-feature-settings: normal | <feature-tag-value> | initial | inherit;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style> 
      h2 {
      font-family: sans-serif;
      }
      h3 {
      font-feature-settings: "smcp" 1;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-feature-settings</h2>
    <h3>Свойство font-feature-settings контролирует расширенные типографские функции в шрифтах OpenType.</h3>
  </body>
</html>

Значения

Value Description
normal Значение по умолчанию.
<feature-tag-value> При отображении текста список значений тега функции OpenType передается механизму расположения текста для включения или отключения функций шрифта.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

Поддержка браузера

chrome edge firefox safari opera
48.0+
21.0-47.0 -webkit-
12.0+ 34.0+
15.0-33.0 -moz-
9.1+ 35.0+
15.0-34.0 -webkit-

Практикуйте свои знания

Что соответствует свойству CSS font-feature-settings?
Считаете ли это полезным?