css властивість font-feature-settings
Властивість font-feature-settings дає вам контроль над функціями шрифту OpenType.
font-feature-settings - це одна з властивостей, що з'явилися у CSS3, для ввімкнення різних функцій, пов'язаних зі шрифтами, які можуть покращити зовнішній вигляд тексту на сторінці. Ця властивість спеціально призначена як спосіб надання доступу до функцій шрифту, які не є широко використовуваними, але іноді бувають необхідні.
Щоб активізувати потрібну функцію, Ви повинні написати її назву у лапках, після чого слід прописати число 1 (або ключове слово on) аби ввімкнути її. Крім того, ви можете вимкнути дію функції за допомогою числа 0 (або ключове слово off):
.element {
font-feature-settings: "smcp" 1;
}
Значення
Це список всіх значень, які підтримуються font-feature-settings, але переконайтеся, що веб-шрифт, який ви використовуєте, підтримує значення перед тим, як його використовувати:
- liga: стандартні лігатури
- dlig: дискреційні лігатури
- onum: цифри старого стилю
- lnum: маюскульні цифри
- tnum: табличні фігури
- zero: зрізаний нуль
- frac: дроби
- sups: верхній індекс
- subs: нижній індекс
- smcp: капітель
- c2sc: маленькі капітелі з капітелей
- case: форми регістрів
- hlig: історичні лігатури
- calt: контекстні альтернативи
- swsh: промокашка
- hist: історичні форми
- ss: стилістичні набори
- kern: інтервал між літерами
- locl: локалізовані форми
- rlig: необхідні лігатури
- medi: медіальні форми
- init: початкові форми
- isol: ізольовані форми
- fina: остаточні форми
- mark: позначка
- mkmk: позиціонування позначку до позначки
Ви також можете задавати декілька функцій одночасно. Наприклад:
.element {
font-feature-settings:"smcp" 1, "onum" 1;
}
| Порада: | По можливості розробники повинні використовувати властивість |
Синтаксис
<feature-tag-value> = <string> [ <integer> | on | off ]?Властивість font-feature-settings може отримувати 2 значення:
normalТекст друкується з параметрами без задання.
<feature-tag-value>При відтворенні тексту список властивостей тегу функцій OpenType передається рушію макета тексту, щоб увімкнути або вимкнути функції шрифту.
Теґ завжди є рядком з 4 символів ASCII. Якщо він має більше або менше символів або містить символи за межами діапазону U+20 - U+7E, то властивість буде недійсна.
Значення - це позитивне ціле число. Декілька ключових слів - це синоніми для 1 і 0, відповідно. Якщо значення не задано, за замовчуванням це 1. Для небуолейових функцій OpenType (наприклад, стилістичних альтернатив) значення означає виділення певного гліфа; для логічних значень це перемикач.
| Значення без задання: | normal |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontFeatureSettings = ''; |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| font-feature-settings | 21.0 |
10.0 |
15.0 |
9.1 |
15.0 |
12.0 |
| Переглядач | |||
|---|---|---|---|
| font-feature-settings | 4.4 |
63.0 |
9.3 |
Мобільних переглядачів ще не додано.
Приклади
Значення у дії
Приклад використання
Синтаксис властивості
p {
font-feature-settings: "smcp" on;
}