Η font-stretch
ιδιότητα, που εισήχθη στο CSS3, επιλέγει ένα κανονικό, συμπυκνωμένο ή διευρυμένο πρόσωπο από μια γραμματοσειρά.
Για να χρησιμοποιήσετε font-stretch
και να δείτε κάποιο αποτέλεσμα, η γραμματοσειρά που χρησιμοποιείται πρέπει να έχει ένα πρόσωπο που να ταιριάζει με την τιμή που έχει δοθεί. Με άλλα λόγια, font-stretch
δεν θα λειτουργήσει σε καμία γραμματοσειρά, αλλά μόνο σε γραμματοσειρές που έχουν σχεδιαστεί με διαφορετικά πρόσωπα που ταιριάζουν με τα καθορισμένα μεγέθη.
p ( font-stretch: ultra-condensed; )
font-stretch
δέχεται μία από τις ακόλουθες τιμές:
ultra-condensed
extra-condensed
condensed
semi-condensed
normal
semi-expanded
expanded
extra-expanded
ultra-expanded
Εάν μια συγκεκριμένη γραμματοσειρά δεν αντιπροσωπεύει όλα τα πρόσωπα, οποιαδήποτε τιμή θα αντιστοιχιστεί στο πλησιέστερο ισοδύναμο πρόσωπο. Οι κανονικές ή συμπυκνωμένες τιμές θα αντιστοιχούν σε μια στενότερη γραμματοσειρά και οι διευρυμένες τιμές θα αντιστοιχούν σε ένα ευρύτερο πρόσωπο ή αλλιώς το πλησιέστερο στενότερο πρόσωπο.
Στην υποστήριξη προγραμμάτων περιήγησης, font-stretch
μπορεί να χρησιμοποιηθεί ως μέρος της font
στενής ιδιότητας.
Υποστήριξη προγράμματος περιήγησης
Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
---|---|---|---|---|---|---|
κανένας | κανένας | 9+ | κανένας | 9+ | κανένας | κανένας |