Фонт-феатуре-сеттингс - ЦСС-трикови

Anonim

Ово својство нам даје контролу над напредним типографским поставкама као што су мале капе, лигатуре и црте. Да бисте их активирали, морате у наводницима навести коју вредност требате, а затим иза или 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 Рицхарда Руттера