Αυτή η ιδιότητα δίνει στους προγραμματιστές τη δυνατότητα να ορίσουν 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 |
---|---|---|---|
Οχι | Οχι | Οχι | Οχι |