Š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 on
iespē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ūrasdlig
: diskrecionārās ligatūrasonum
: vecā stila figūraslnum
: oderes skaitļitnum
: tabulas figūraszero
: samazināta nullefrac
: frakcijassups
: virsrakstssubs
: indeksssmcp
: mazi vāciņic2sc
: mazas galvaspilsētas no galvaspilsētāmcase
: reģistrjutīgas formashlig
: vēsturiskās ligatūrascalt
: kontekstuālais aizstājējsswsh
: svītrashist
: vēsturiskās formasss**
: stilistiskie komplektikern
: kerninglocl
: lokalizētas formasrlig
: nepieciešamās ligatūrasmedi
: mediālas formasinit
: sākotnējās formasisol
: izolētas formasfina
: galīgās formasmark
: atzīmemkmk
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