CSS правило font-feature-values

Правило @font-feature-values устанавливает именованное значение для конкретной функции шрифта из семейства шрифтов.

Правило @font-feature-values может иметь следующие значения:

@annotation
@ornaments
@stylistic
@styleset
@character-variant

Значение по умолчанию	swash
Применяется	Ко всем элементам.
Наследуется	Да
Анимируемое	Нет
Версия	CSS3
DOM синтаксис	object.style.fontFeatureValues = "swash";

Синтаксис

@font-feature-values: @swash | @annotation | @ornaments | @stylistic | @styleset | @character-variant;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      @font-feature-values "Leitura Display Swashes" {
      @swash { fancy: 1; }
      }
      p {
      font-size: 1.5rem;
      }
      .variant {
      font-family: Leitura Display Swashes;
      font-variant-alternates: swash(fancy);
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства @font-feature-values</h2>
    <p>
      Свойство font-variant-alternates контролирует использование альтернативных глифов. Эти альтернативные глифы могут содержать ссылку в виде альтернативных названий, которые установлены в @font-feature-values.
    </p>
    <p>Это свойство поддерживается браузерами Firefox и Safari.</p>
    <p class="variant">Это свойство поддерживается браузерами Firefox и Safari.</p>
  </body>
</html>

Попробуйте сами!

Значения

Значение	Описание
@swash	Устанавливает имя функции, которая будет работать с функциональной записью swash() для font-variant-alternates. Допустимо только одно значение.
@annotation	Устанавливает имя функции, которая будет работать с функциональной записью annotation() для font-variant-alternates. Допустимо только одно значение.
@ornaments	Устанавливает имя функции, которая будет работать с функциональной записью ornaments() для font-variant-alternates. Допустимо одно значение.
@stylistic	Устанавливает имя функции, которая будет работать с функциональной записью stylistic() для font-variant-alternates. Допустимо только одно значение.
@styleset	Устанавливает имя функции, которая будет работать с функциональной записью styleset() для font-variant-alternates. Количество значений неограничено.
@character-variant	Устанавливает имя функции, которая будет работать с функциональной записью character-variant() для font-variant-alternates. Допустимо использование одной или двух значений.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.