Ово својство нам даје контролу над напредним типографским поставкама као што су мале капе, лигатуре и црте. Да бисте их активирали, морате у наводницима навести коју вредност требате, а затим иза или 1
или on
да бисте омогућили. Можете их онемогућити са било 0
или off
:
.element ( /* these two values do the same thing */ font-feature-settings: "liga" 1; font-feature-settings: "liga1" on; )
font-feature-settings
Својство подржава многе друге вредности, поред стандардних лигатура , укључујући мале почетне слове:
.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; )
Префикси
Да бисте добили најбољу подршку у читавом спектру прегледача, обавезно користите ове префиксе:
.element ( -webkit-font-feature-settings: "smcp" 1; -moz-font-feature-settings: "smcp" 1; -ms-font-feature-settings: "smcp" 1; font-feature-settings: "smcp" 1; )
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
Хром | Фирефок | ИЕ | Ивица | Сафари |
---|---|---|---|---|
21 * | 15 * | 10 | 12 | 9.1 |
Мобиле / Таблет
Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
---|---|---|---|
88 | 85 | 4,4 * | 9.3 |
Више информација
- Типотека: ОпенТипе функције у веб прегледачима - тестови
- В3Ц
- МДН
- Пешчаник ЦСС3 Рицхарда Руттера