diff options
Diffstat (limited to 'files/uk/web/css/@font-face/font-display/index.html')
-rw-r--r-- | files/uk/web/css/@font-face/font-display/index.html | 87 |
1 files changed, 0 insertions, 87 deletions
diff --git a/files/uk/web/css/@font-face/font-display/index.html b/files/uk/web/css/@font-face/font-display/index.html deleted file mode 100644 index 736f517126..0000000000 --- a/files/uk/web/css/@font-face/font-display/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: font-display -slug: Web/CSS/@font-face/font-display -translation_of: Web/CSS/@font-face/font-display ---- -<div>{{CSSRef}}</div> - -<p><code><font face="Arial, x-locale-body, sans-serif"><span style="background-color: #ffffff;">Властивість </span></font>font-display</code> визначає як font face відображаєтся стосовно як він завантижився і готовий до використання.</p> - -<h2 id="Хронологія_відображення_шрифта">Хронологія відображення шрифта</h2> - -<p>Хронологія відображення шрифта залежить від часу на початку завантаження шрифта та його використання. Типи хронології поділені на три частини які вказують поведінку відображення усих елементів які використовують цей шрифт.</p> - -<dl> - <dt>Блокування шрифту(block)</dt> - <dd>Якщо шрифт не завантажений, усі елементи які очікують на його використання мають відображатись невидимими(<em>invisible</em>). Якщо шрифт успішно завантажений за цей період, вони відображаются за замовчуванням.</dd> - <dt>Заміна шрифту(swap)</dt> - <dd>Якщо шрифт не завантажений, усі елементи що очікують на його використання , мають використати запасний шрифт. Якщо шрифт успішно завантажений за цей період, вони відображаются за замовчуванням.</dd> - <dt>Невдача(failure)</dt> - <dd>Якщо шрифт не був завантажений, клієнт відображає його як невдачно завантажений, що викликає звичайне резервування шрифту.</dd> -</dl> - -<p>{{cssinfo}}</p> - -<h2 id="Синтаксис">Синтаксис</h2> - -<pre class="brush: css;">/* Keyword values */ -font-display: auto; -font-display: block; -font-display: swap; -font-display: fallback; -font-display: optional;</pre> - -<h3 id="Значення">Значення</h3> - -<dl> - <dt><code>auto</code></dt> - <dd>Відображення шрифту виконуєтся автоматично клієнтом.</dd> - <dt><code>block</code></dt> - <dd>Надає елементам короткий період блокування і нескінченний swap період.</dd> - <dt><code>swap</code></dt> - <dd>Надає надзвичайно малий період блокування і нескінченний період підміни шрифту.</dd> - <dt><code>fallback</code></dt> - <dd>Надає надзвичайно малий період блокування і малий період підміни шрифту.</dd> - <dt><code>optional</code></dt> - <dd>Надає надзвичайно малий період блокування без підміни шрифту.</dd> -</dl> - -<h3 id="Формальний_синтаксис">Формальний синтаксис</h3> - -{{csssyntax}} - -<h2 id="Приклад">Приклад</h2> - -<pre class="brush: css; highlight[7]">@font-face { - font-family: ExampleFont; - src: url(/path/to/fonts/examplefont.woff) format('woff'), - url(/path/to/fonts/examplefont.eot) format('eot'); - font-weight: 400; - font-style: normal; - font-display: fallback; -}</pre> - -<h2 id="Специфікації">Специфікації</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('CSS4 Fonts', '#font-display-desc', 'font-display')}}</td> - <td>{{Spec2('CSS4 Fonts')}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="Сумісність_з_браузерами">Сумісність з браузерами</h2> - - - -<p>{{Compat("css.at-rules.font-face.font-display")}}</p> |