css властивість font-feature-settings


Властивість font-feature-settings дає вам контроль над функціями шрифту OpenType.

Властивість `font-feature-settings`

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;

}



Порада:

По можливості розробники повинні використовувати властивість font-variant шрифту або відповідні довгі властивості font-variant-ligatures, font-variant-caps, font-variant-east-asian, font-variant-alternates, font-variant-numeric або font-variant- position.

Синтаксис

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


}

Додаткові посилання