Пример
Укажите настройки шрифта функции:
/* включить маленькие заглавные буквы */
.ex1 { font-feature-settings: "smcp" on; }
/* преобразуйте как верхний, так и нижний регистр в маленькие заглавные буквы */
.ex2 {
font-feature-settings: "c2sc", "smcp"; }
/* никаких общих лигатур */
.ex3 { font-feature-settings: "liga" 0; }
/* включить автоматические
функции */
.ex4 { font-feature-settings: "frac"; }
Попробуйте сами »
Определение font-feature-settings
CSS свойство font-feature-settings позволяет управлять расширенными типографскими функциями шрифтов OpenType.
| Значение по умолчанию: | normal |
|---|---|
| Унаследовано: | yes |
| Анимируемый: | no. Читайте о animatable |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.fontFeatureУстановитьtings="normal" |
Поддержка font-feature-settings
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
Цифры, за которыми следуют -webkit- или -moz - указывают первую версию, которая работала с префиксом.
| Свойство | |||||
|---|---|---|---|---|---|
| font-feature-settings | 48.0 16.0-webkit- |
10.0 | 34.0 15.0 -moz- |
9.1 | 35.0 15.0 -webkit- |
Синтаксис font-feature-settings
font-feature-settings: normal|feature-value;
Значения font-feature-settings
| Значение | Описание | Демонстрация |
|---|---|---|
| normal | По умолчанию. Используйте настройки по умолчанию для разметки текста | Демо ❯ |
| feature-value | Формат: строка [1/0|вкл.|выкл.] Всегда строка из 4 символов ASCII. | Демо ❯ |