Nastavitve lastnosti pisave - CSS-triki

Anonim

Ta lastnost nam omogoča nadzor nad naprednimi tipografskimi nastavitvami, kot so majhne kapice, ligature in črte. Če jih želite aktivirati, morate v narekovajih navesti, katero vrednost potrebujete, nato pa jim slediti bodisi 1ali, onda omogočite. Druga možnost je, da jih onemogočite z 0ali off:

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

font-feature-settingsLastnost podpira številne druge vrednosti, poleg običajnih ligatur , vključno z majhnimi pokrovi:

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

Vrednote

To je seznam vseh vrednosti, ki jih podpira font-feature-settings, vendar preverite, ali spletna pisava, ki jo uporabljate, podpira tudi te vrednosti, preden jih preizkusite:

  • liga: standardne ligature
  • dlig: diskrecijske ligature
  • onum: figure v starem slogu
  • lnum: podložne figure
  • tnum: tabelarne številke
  • zero: poševnica nič
  • frac: ulomki
  • sups: nadpis
  • subs: podpis
  • smcp: majhne kapice
  • c2sc: majhne prestolnice iz prestolnic
  • case: velike in male črke
  • hlig: zgodovinske ligature
  • calt: kontekstualni nadomestki
  • swsh: swashes
  • hist: zgodovinske oblike
  • ss**: slogovni sklopi
  • kern: kerning
  • locl: lokalizirane oblike
  • rlig: zahtevane ligature
  • medi: medialne oblike
  • init: začetne oblike
  • isol: izolirane oblike
  • fina: končni obrazci
  • mark: oznaka
  • mkmk pozicioniranje med oznakami

Združevanje več nastavitev

Če želite dodati več funkcij, morate na seznamu, ločenem z vejico, slediti eni vrednosti po drugi:

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

Predpone

Če želite dobiti najboljšo podporo v celotnem območju brskalnika, uporabite te predpone:

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

Podpora brskalnika

Ti podatki o podpori brskalnika so od Caniuse, ki vsebuje več podrobnosti. Številka pomeni, da brskalnik podpira to funkcijo v tej različici ali novejši.

Namizje

Chrome Firefox IE Rob Safari
21 * 15 * 10. 12. 9.1

Mobilni / tablični računalnik

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

Več informacij

  • Tipoteka: funkcije OpenType v spletnih brskalnikih - testi
  • W3C
  • MDN
  • Richard Rutter's CSS3 Sandbox