---
title: font-variant-ligatures
slug: Web/CSS/font-variant-ligatures
translation_of: Web/CSS/font-variant-ligatures
---
<div>{{CSSRef}}</div>

<h2 id="Сводка">Сводка</h2>

<p><strong>Свойство CSS<strong> </strong><code>Font-variant-ligatures</code></strong> <strong>контролирует, какие лигатуры и контекстные формы используются в текстовом содержимом элемента, к которому применяется. Это повышает гармоничность форм получаемого в результате текста.</strong></p>

<p>{{cssinfo}}</p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre class="brush:css notranslate">font-variant-ligatures: normal;
font-variant-ligatures: none;
font-variant-ligatures: common-ligatures;           /* &lt;common-lig-values&gt; */
font-variant-ligatures: no-common-ligatures;        /* &lt;common-lig-values&gt; */
font-variant-ligatures: discretionary-ligatures;    /* &lt;discretionary-lig-values&gt; */
font-variant-ligatures: no-discretionary-ligatures; /* &lt;discretionary-lig-values&gt; */
font-variant-ligatures: historical-ligatures;       /* &lt;historical-lig-values&gt; */
font-variant-ligatures: no-historical-ligatures;    /* &lt;historical-lig-values&gt; */
font-variant-ligatures: contextual;                 /* &lt;contextual-alt-values&gt; */
font-variant-ligatures: no-contextual;              /* &lt;contextual-alt-values&gt; */
font-variant-ligatures: contextual;                 /* &lt;no-historical-ligatures&gt; &lt;common-ligatures&gt; */

/* Глобальные значения */
font-variant-ligatures: inherit;
font-variant-ligatures: initial;
font-variant-ligatures: unset;
</pre>

<h3 id="Значения">Значения</h3>

<dl>
 <dt><code>normal</code></dt>
 <dd>Это ключевое слово ведёт к активации обычных лигатур и контекстных форм, необходимых для корректного рендеринга. Активируемые лигатуры и формы зависят от шрифта, языка и типа письма. Это значение по умолчанию.</dd>
 <dt><code>none</code></dt>
 <dd>Это ключевое слово устанавливает, что все лигатуры и контекстные формы отключены, даже распространённые.</dd>
 <dt>&lt;<em>common-lig-values&gt;</em></dt>
 <dd>Эти значения контролируют наиболее распространённые лигатуры, такие как лигатуры для сочетаний <code>fi</code>, <code>ffi</code>, <code>th</code> или подобных. Они относятся к значениям <code>liga</code> и <code>clig</code> в OpenType. Допустимы два значения:
 <ul>
  <li><code>common-ligatures</code> активирует эти лигатуры. Обратите внимание, что ключевое слово <code>normal</code> активирует лигатуры.</li>
  <li><code>no-common-ligatures</code> отключает эти лигатуры.</li>
 </ul>
 </dd>
 <dt>&lt;<em>discretionary-lig-values</em>&gt;</dt>
 <dd><span class="tlid-translation translation" lang="ru"><span title="">Эти значения управляют определёнными лигатурами, специфичными для шрифта и определяемыми дизайнером шрифта.</span> <span title="">Они соответствуют значениям OpenType <code>hlig</code></span></span>. Доступны два значения:
 <ul>
  <li><code>discretionary-ligatures</code> активирует данные лигатуры.</li>
  <li><code>no-discretionary-ligatures</code> деактивирует лигатуры. Обратите внимание, обычно, ключевое слово <code>normal</code> также деактивирует лигатуры.</li>
 </ul>
 </dd>
 <dt><em>&lt;historical-lig-values&gt;</em></dt>
 <dd>(ß) <span class="tlid-translation translation" lang="ru"><span title="">Эти значения контролируют лигатуры, которые исторически использовались в старых книгах, например, немецкий</span></span> <span class="aCOpRe"><span><em>tz</em></span></span> ("tz диаграф", прим. перев.). Они соответствуют значениям OpenType <code>hlig</code>. Доступны два значения:
 <ul>
  <li><code>historical-ligatures</code> активирует данные лигатуры.</li>
  <li><code>no-historical-ligatures</code> деактивирует лигатуры. Обратите внимание, обычно, ключевое слово <code>normal</code> также деактивирует лигатуры.</li>
 </ul>
 </dd>
 <dt><em>&lt;contextual-alt-values&gt;</em></dt>
 <dd>Эти значения определяют, адаптируются ли буквы к своему контексту, то есть адаптируются ли они к окружающим их буквам. Эти значения соответствуют вычисленным значениям OpenType. Возможны два значения:
 <ul>
  <li><code>contextual</code>указывает, что должны использоваться контекстные альтернативы. Обратите внимание, что ключевое слово <code>normal</code> обычно также активирует лигатуры.</li>
  <li><code>no-contextual</code> предотвращает их использование.</li>
 </ul>
 </dd>
</dl>

<h3 id="Соответствующий_правилам_синтаксис">Соответствующий правилам синтаксис</h3>

{{csssyntax}}

<h2 id="Примеры">Примеры</h2>

<pre class="brush:css notranslate">p {
  font-variant-ligatures: none;
}
</pre>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('CSS3 Fonts', '#propdef-font-variant-ligatures', 'font-variant-ligatures')}}</td>
   <td>{{Spec2('CSS3 Fonts')}}</td>
   <td>Первоначальное определение</td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Firefox (Gecko)</th>
   <th>Chrome</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>{{CompatGeckoDesktop("34")}} [1]</td>
   <td>{{CompatChrome(31)}} {{property_prefix("-webkit")}}<br>
    {{CompatChrome(34)}}</td>
   <td>10.0</td>
   <td>19.0{{property_prefix("-webkit")}}</td>
   <td>7.0{{property_prefix("-webkit")}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Feature</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Базовая поддержка</td>
   <td>4.4 {{property_prefix("-webkit")}}</td>
   <td>{{CompatGeckoMobile("34")}}[1]</td>
   <td>{{ CompatUnknown() }}</td>
   <td>{{ CompatUnknown() }}</td>
   <td>7.0{{property_prefix("-webkit")}}</td>
  </tr>
 </tbody>
</table>
</div>

<p>[1] <span class="tlid-translation translation" lang="ru"><span title="">Экспериментальная реализация была доступна начиная с Gecko 24. Она регулировалась настройкой</span></span> <code>layout.css.font-features.enabled</code> <span class="tlid-translation translation" lang="ru"><span title="">, по умолчанию значение <code>true</code> только для Nightly и Aurora.</span> <span title="">Ключевое слово </span></span> <code>none</code> было добавлено в Gecko 28.</p>