Γραμματοσειρά-προσαρμογή - CSS-Κόλπα

Anonim

Αυτή η ιδιότητα δίνει στους προγραμματιστές τη δυνατότητα να ορίσουν font-sizeένα στοιχείο ανάλογα με το μέγεθος των πεζών γραμμάτων και όχι τα κεφαλαία γράμματα.

.element ( font-size: 22px; font-size-adjust: .5; )

Σε αυτήν την περίπτωση, τα πεζά γράμματα της γραμματοσειράς θα έχουν ύψος 11px, από 22 x .5 = 11.

Κατά τη φόρτωση γραμματοσειρών είναι πιθανό να υπάρχει διαφορετική αναλογία διαστάσεων μεταξύ των πεζών γραμμάτων μιας εναλλακτικής γραμματοσειράς και της νέας γραμματοσειράς που φορτώθηκε, επομένως font-size-adjustείναι χρήσιμο να ελέγχετε το ποσό της αναδιαμόρφωσης όταν δηλώνουμε νέο font-familyκαι βλέπουμε το Flash of Unstyled Text (FOUT).

Στην παρακάτω επίδειξη, είναι δυνατό να ενεργοποιήσετε και να απενεργοποιήσετε αυτήν την ιδιότητα για να δείξετε πώς μια γραμματοσειρά ιστού όπως το Chaparral διαφέρει από το ύψος x και την ευθυγράμμιση των χαρακτήρων στο Times, την εναλλακτική γραμματοσειρά. Προσοχή, αυτή η ιδιότητα υποστηρίζεται μόνο από μικρό αριθμό προγραμμάτων περιήγησης αυτήν τη στιγμή.

Αυτό μπορεί να έχει δραματικά αποτελέσματα όταν ρυθμίζεται σε μεγάλα τμήματα του κειμένου του σώματος και ουσιαστικά βελτιώνει το τρεμόπαιγμα που εμφανίζεται κατά την εναλλαγή μεταξύ της εναλλακτικής και της νέας γραμματοσειράς:

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

  • MDN
  • W3C

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

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

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

Χρώμιο Firefox ΙΕ Ακρη Σαφάρι
Οχι 3 Οχι Οχι Οχι

Κινητό / Tablet

Android Chrome Android Firefox Android iOS Safari
Οχι Οχι Οχι Οχι