font-synthesis-position
Експериментальне
Це експериментальна технологія.
Перед її використанням у промисловій розробці уважно перевірте Таблицю сумісності з браузерами.
Властивість CSS font-synthesis-position (шрифт, синтез позиційних) дає змогу задати те, чи повинен браузер синтезувати підрядкові та надрядкові "позиційні" гарнітури, коли вони відсутні в сімействі шрифтів, використовуючи font-variant-position для задання позицій.
Властивість font-synthesis-position не діє, коли використовуються елементи <sup> і <sub>.
Нерідко зручно використовувати властивість-скорочення font-synthesis, щоб керувати всіма значеннями синтезу гарнітур.
Синтаксис
/* Значення – ключові слова */
font-synthesis-position: auto;
font-synthesis-position: none;
/* Глобальні значення */
font-synthesis-position: inherit;
font-synthesis-position: initial;
font-synthesis-position: revert;
font-synthesis-position: revert-layer;
font-synthesis-position: unset;
Значення
autoПозначає те, що відсутня позиційна гарнітура може бути синтезована браузером, якщо це потрібно.
noneПозначає те, що синтез відсутньої позиційної гарнітури браузером – не дозволений.
Формальне визначення
Значення не знайшлося в базі даних!
Формальний синтаксис
Інформація про синтаксис недоступна
Жодного значення не знайшлося в базі даних.
Приклади
Вимикання синтезу позиційних гарнітур
Цей приклад демонструє вимикання синтезу браузером надрядкової та підрядкової гарнітур для шрифту Montserrat.
HTML
<p>
Ось усталені гарнітури: позиційна <span class="super">надрядкова</span>,
позиційна <span class="sub">підрядкова</span>, <strong>груба</strong> та
<em>похила</em>.
</p>
<p class="no-syn">
Позиційні гарнітури, <span class="super">надрядкова</span> та
<span class="sub">підрядкова</span>, тут вимкнені, але не гарнітури
<strong>груба</strong> та <em>похила</em> (у браузерах, що підтримують
<code>font-synthesis-position</code>).
</p>
CSS
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");
* {
font-family: "Montserrat", sans-serif;
}
.super {
font-variant-position: super;
}
.sub {
font-variant-position: sub;
}
.no-syn {
font-synthesis-position: none;
}