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

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

Свойство font-feature-settings поддерживает многие другие значения, помимо стандартных лигатур, включая строчные заглавные (small caps). Однако стандартным методом их включения является свойство font-variant: small-caps, поэтому для этой цели не следует использовать font-feature-settings.

Для лучшей поддержки в браузерах могут потребоваться префиксы.

Начальное значение	normal
Применяется к	Всем элементам. Также применяется к ::first-letter и ::first-line.
Наследуется	Да.
Анимация	Нет.
Версия	CSS3
Синтаксис DOM	object.style.fontFeatureSettings = "normal";

Синтаксис

Синтаксис свойства CSS font-feature-settings

css

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

Пример свойства font-feature-settings:

Пример использования свойства CSS font-feature-settings со значением smcp

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      h2 {
        font-family: sans-serif;
      }
      h3 {
        font-feature-settings: "smcp" 1;
      }
    </style>
  </head>
  <body>
    <h2>Font-feature-settings example</h2>
    <h3>The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.</h3>
  </body>
</html>

Try it Yourself »

Значения

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

Практика

В каких целях используется свойство CSS font-feature-settings?

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

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

Синтаксис ​

Пример свойства font-feature-settings: ​

Значения ​

Практика ​

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

Синтаксис

Пример свойства font-feature-settings:

Значения

Практика