Γραμματοσειρά-ρυθμίσεις-ρυθμίσεις - CSS-Κόλπα

Anonim

Αυτή η ιδιότητα μας δίνει τον έλεγχο για σύνθετες τυπογραφικές ρυθμίσεις, όπως μικρά κεφαλαία, συνδέσεις και swash. Για να τα ενεργοποιήσετε πρέπει να δηλώσετε ποια τιμή χρειάζεστε σε εισαγωγικά και στη συνέχεια να ακολουθήσετε ένα από τα δύο 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; )

Υποστήριξη προγράμματος περιήγησης

Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.

Επιφάνεια εργασίας

Χρώμιο Firefox ΙΕ Ακρη Σαφάρι
21 * 15 * 10 12 9.1

Κινητό / Tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4 * 9.3

Περισσότερες πληροφορίες

  • Typotheque: Λειτουργίες OpenType στα προγράμματα περιήγησης ιστού - Δοκιμές
  • W3C
  • MDN
  • Sandbox CSS3 του Richard Rutter