CSS свойство font-variant-alternates

Свойство font-variant-alternates контролирует выбор альтернативных глифов.

Эти альтернативные глифы могут содержать ссылку в виде альтернативных названий, которые установлены в @font-feature-values.

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

Синтаксис

font-variant-alternates: normal | historical-forms | stylistic() | styleset() | character-variant() | swash() | ornaments() | annotation();

Пример

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

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

Значения

Значение	Описание
normal	Никакие характеристики не предоставлены.
historical forms	Отображает исторические формы.
stylistic()	Отображает стилистические альтернативы.
styleset()	Отображает стилистические альтернативы для набора символов.
character-variant()	Отображает особые стилистические альтернативы для символов.
swash()	Отображает swash глифы.
ornaments()	Отображает орнаменты.
annotation()	Отображает формы аннотирования.
initial	Устанавливает свойство в значение по умолчанию.
inherit	Значение элемента наследуется от родительского элемента.