Font-feature-settings - CSS-triki

Anonim

Šis īpašums ļauj mums kontrolēt uzlabotus tipogrāfiskos iestatījumus, piemēram, mazos vāciņus, ligatūras un svītras. Lai aktivizētu tos, jums ir jādeklarē kuru vērtība jums ir nepieciešams pēdiņās, un pēc tam seko vai nu 1, vai oniespējot. Alternatīvi, jūs varat atslēgt to vai nu 0, vai off:

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

font-feature-settingsĪpašums atbalsta daudzas citas vērtības, izņemot standarta ligatūras , ieskaitot mazos vāciņus:

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

Vērtības

Šis ir saraksts ar visām atbalstītajām vērtībām font-feature-settings, taču pirms izmēģināšanas pārbaudiet, vai arī izmantotais tīmekļa fonts atbalsta arī šīs vērtības:

  • liga: standarta ligatūras
  • dlig: diskrecionārās ligatūras
  • onum: vecā stila figūras
  • lnum: oderes skaitļi
  • tnum: tabulas figūras
  • zero: samazināta nulle
  • frac: frakcijas
  • sups: virsraksts
  • subs: indekss
  • smcp: mazi vāciņi
  • c2sc: mazas galvaspilsētas no galvaspilsētām
  • case: reģistrjutīgas formas
  • hlig: vēsturiskās ligatūras
  • calt: kontekstuālais aizstājējs
  • swsh: svītras
  • hist: vēsturiskās formas
  • ss**: stilistiskie komplekti
  • kern: kerning
  • locl: lokalizētas formas
  • rlig: nepieciešamās ligatūras
  • medi: mediālas formas
  • init: sākotnējās formas
  • isol: izolētas formas
  • fina: galīgās formas
  • mark: atzīme
  • mkmk pozicionēšana no vienas līdz otrai

Vairāku iestatījumu apvienošana

Lai pievienotu vairākas funkcijas, komatiem atdalītajā sarakstā jāievēro viena vērtība ar citu, piemēram:

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

Prefiksi

Lai iegūtu vislabāko atbalstu visā pārlūkprogrammas spektrā, noteikti izmantojiet šos priedēkļus:

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

Pārlūkprogrammas atbalsts

Šie pārlūka atbalsta dati ir no Caniuse, kurai ir sīkāka informācija. Cipars norāda, ka pārlūks atbalsta šo un jaunākās versijas funkciju.

Darbvirsma

Chrome Firefox IE Mala Safari
21 * 15 * 10 12 9.1

Mobilais / planšetdators

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

Vairāk informācijas

  • Tipotēka: OpenType funkcijas tīmekļa pārlūkprogrammās - testi
  • W3C
  • MDN
  • Ričarda Ruttera CSS3 smilškaste