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

Свойствоfont-variant-ligatures контролирует, какие лигатуры и контекстные формы используются и приводят к более гармоничным формам в тексте.

Свойство имеет следующие значения:

  • normal
  • none
  • <common-lig-values>
  • <discretionary-lig-values>
  • <historical-lig-values>
  • <contextual-alt-values>
Значение по умолчанию normal
Применяется Ко всем элементам, а также к ::first-letter и ::first-line.
Наследуется Да
Анимируемое Нет
Версия CSS3
DOM синтаксис object.style.fontVariantLigatures = "normal";

Синтаксис

font-variant-ligatures: normal | none |  <common-lig-values> | <discretionary-lig-values> | <historical-lig-values> | <contextual-alt-values>;

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок документа</title>
    <style>
      div {
      font-family: Lora, serif;
      font-size: 35vw;
      }
      .gray {
      font-variant-ligatures: no-common-ligatures;
      color: #ccc;
      }
      .blue {
      font-variant-ligatures: common-ligatures;
      color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Пример свойства font-variant-ligatures</h2>
    <div>
      <span class="gray">fi</span>
      <span class="blue">fi</span>
    </div>
  </body>
</html>

Значения

Значение Описание
normal Формы и лигатуры активируются в зависимости от шрифта, языка и типа сценария. Значение по умолчанию.
none Указывает, что все лигатуры и контекстные формы отключены.
<common-lig-values> Контролирует все лигатуры.
<discretionary-lig-values> Контролирует конкретные лигатуры.
<historical-lig-values> Контролирует лигатуры, которые используются в старых книгах.
<contextual-alt-values> Контролирует, адаптируются ли буквы к их контексту.
initial Устанавливает свойство в значение по умолчанию.
inherit Значение элемента наследуется от родительского элемента.

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

chrome edge firefox safari opera
34.0+
31.0 -webkit-
21.0+
19.0 -webkit-
9.1+
7.0 -webkit-
21.0+
19.0 -webkit-

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

Какие из перечисленных ниже значений могут быть установлены для параметра 'font-variant-ligatures' в CSS?
Считаете ли это полезным?