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	Значение элемента наследуется от родительского элемента.