files/ru/web/css/font-variant-ligatures/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152

---
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>