Font-feature-settings - CSS-gudrybės

Anonim

Ši savybė suteikia mums galimybę valdyti pažangius tipografinius nustatymus, tokius kaip mažos kepurės, ligatūros ir brūkšniai. Juos aktyvuoti turite deklaruoti, kuri vertė jums reikia į kabutes ir tada po vieną 1arba onįjungti. Arba galite juos išjungti naudodami 0arba off:

.element ( /* these two values do the same thing */ font-feature-settings: "liga" 1; font-feature-settings: "liga1" on; )

Daugybė kitų verčių, be standartinių ligatūrų, palaiko font-feature-settingsnuosavybė, įskaitant mažus dangtelius:

.element ( font-feature-settings: "smcp" 1; )

Vertybės

Tai yra visų palaikomų reikšmių sąrašas font-feature-settings, tačiau prieš bandydami patikrinkite, ar jūsų naudojamas žiniatinklio šriftas taip pat palaiko šias vertes:

  • liga: standartinės ligatūros
  • dlig: diskrecijos ligatūros
  • onum: senojo stiliaus figūros
  • lnum: pamušalo figūros
  • tnum: lentelių pav
  • zero: nukirto nulį
  • frac: trupmenos
  • sups: viršutinis indeksas
  • subs: indeksas
  • smcp: mažos kepurės
  • c2sc: mažos sostinės iš sostinių
  • case: didžiosios ir mažosios raidės
  • hlig: istorinės ligatūros
  • calt: kontekstiniai pakaitiniai
  • swsh: svyruoja
  • hist: istorinės formos
  • ss**: stilistiniai rinkiniai
  • kern: kerning
  • locl: lokalizuotos formos
  • rlig: reikalingos ligatūros
  • medi: medialinės formos
  • init: pradinės formos
  • isol: izoliuotos formos
  • fina: galutinės formos
  • mark: ženklas
  • mkmk žymėjimas ženklu padėties nustatymas

Kelių nustatymų derinimas

Norėdami pridėti kelias funkcijas, kableliais atskirtame sąraše turite sekti vieną vertę kita, pvz .:

.element ( font-feature-settings:"smcp" 1, "onum" 1; )

Priešdėliai

Norėdami gauti geriausią palaikymą visame naršyklės diapazone, būtinai naudokite šiuos priešdėlius:

.element ( -webkit-font-feature-settings: "smcp" 1; -moz-font-feature-settings: "smcp" 1; -ms-font-feature-settings: "smcp" 1; font-feature-settings: "smcp" 1; )

Naršyklės palaikymas

Šie naršyklės palaikymo duomenys yra iš „Caniuse“, kuri turi daugiau informacijos. Skaičius rodo, kad naršyklė palaiko šios ir naujesnės versijos funkciją.

Darbalaukis

„Chrome“ „Firefox“ T.Y Briauna „Safari“
21 * 15 * 10 12 9.1

Mobilusis / planšetinis kompiuteris

„Android Chrome“ „Android Firefox“ „Android“ „iOS Safari“
88 85 4,4 * 9.3

Daugiau informacijos

  • Tipoteka: „OpenType“ funkcijos interneto naršyklėse - testai
  • W3C
  • MDN
  • Richardo Rutterio CSS3 smėlio dėžė