Μεταβλητές γραμματοσειρές με άξονα πλάτους
Μεταβλητές οικογένειες όπου το πλάτος των γραμμάτων ρυθμίζεται όπως και το βάρος, από ελαφρό στένεμα για προσαρμογή κειμένου έως πλήρες εύρος από στενό σε πλατύ.
Narrow to wide
Μια μεταβλητή γραμματοσειρά αποθηκεύει ένα σχέδιο ως εύρος και όχι ως σύνολο σταθερών στυλ. Οι περισσότερες μεταβλητές οικογένειες προσφέρουν άξονα βάρους· λιγότερες προσθέτουν και άξονα πλάτους, καταχωρισμένο με την ετικέτα wdth, που κάνει τα γράμματα στενότερα ή πλατύτερα διατηρώντας το ύψος και τον χαρακτήρα τους. Οι τιμές του είναι ποσοστά του κανονικού πλάτους, άρα το 75 είναι στενό κόψιμο, το 100 το κανονικό και το 125 πλατύ.
Το πλάτος είναι συχνά ο πιο πρακτικός από τους δύο άξονες στη διάταξη σελίδας. Επιτρέπει να χωρέσει ένας τίτλος ακριβώς στη στήλη του, να στενέψει μια ετικέτα πλοήγησης σε μικρή οθόνη και να χαλαρώσει σε μεγάλη, ή να περάσει ένας πίνακας σε στενότερη ρύθμιση μόνο όταν τελειώνει ο χώρος των στηλών του. Στην CSS η ιδιότητα είναι font-stretch, ή font-variation-settings για λεπτότερο έλεγχο, και μπορεί να αλλάζει στα breakpoints ή να κινείται.
Συγκρίνετε τα εύρη πριν επιλέξετε. Αρκετές οικογένειες εδώ μόνο στενεύουν, από 100 έως περίπου 75, κάτι αρκετό για προσαρμογή κειμένου· δύο μόνο πλαταίνουν· άλλες διανύουν από το μισό του κανονικού πλάτους έως το διπλάσιο και είναι ουσιαστικά αρκετές γραμματοσειρές σε μία. Οι σημειώσεις παρακάτω δίνουν κάθε εύρος όπως καταγράφεται. Ένας καλοσχεδιασμένος άξονας πλάτους προσαρμόζει τα ίδια τα σχήματα των γραμμάτων, σε αντίθεση με την τεχνητή συμπίεση του κειμένου.
-
Roboto
Άξονας πλάτους από 75 έως 100 στενεύει το σχέδιο προς στενό κόψιμο, δίπλα σε βάρος από 100 έως 900 με πλάγια.
-
Open Sans
Το πλάτος στενεύει από 100 σε 75 για προσαρμογή κειμένου, σε ανθρωπιστική sans με έξι βάρη και πλάγια.
-
Archivo
Πλάτος από 62 έως 125, από πολύ στενό έως πλατύ, μαζί με βάρος από Thin έως Black με πλάγια.
-
Saira
Πλάτος από 50 έως 125 και βάρος από 100 έως 900 σε sans με τετράγωνες φόρμες, μαζί με πλάγια.
-
IBM Plex Sans
Άξονας πλάτους που στενεύει τα γράμματα έως 75, με επτά βάρη και πλάγια.
-
Inconsolata
Monospace με άξονα πλάτους από 50 έως 200, από το μισό του κανονικού πλάτους έως το διπλάσιο, δίπλα σε βάρος από 200 έως 900.
-
Noto Serif
Serif κειμένου με άξονα πλάτους που στενεύει από 100 έως 62,5, με εννέα βάρη και πλάγια.
-
Merriweather
Serif κειμένου με μέτριο εύρος πλάτους, 87 έως 112, δίπλα σε άξονες βάρους και οπτικού μεγέθους.
-
Asap
Βάρος από 100 έως 900 και πλάτος από 75 έως 125, με πλάγια.
Τα δείγματα φορτώνουν ένα βασικό λατινικό υποσύνολο κάθε οικογένειας. Κάθε οικογένεια εδώ έχει ανοιχτή άδεια· η σελίδα της περιγράφει τους όρους και προσφέρει τα πρωτότυπα αρχεία.
Ερωτήσεις για: Μεταβλητές γραμματοσειρές με άξονα πλάτους
Πώς ορίζω το πλάτος γραμματοσειράς στην CSS;
Χρησιμοποιήστε το font-stretch με ποσοστό, για παράδειγμα font-stretch: 85%, ή το font-variation-settings: "wdth" 85. Η τιμή πρέπει να βρίσκεται μέσα στο εύρος που υποστηρίζει η γραμματοσειρά· οι τιμές εκτός εύρους περιορίζονται στο πλησιέστερο άκρο.
Είναι ο άξονας πλάτους το ίδιο με την οριζόντια κλιμάκωση του κειμένου;
Όχι. Η κλιμάκωση παραμορφώνει το πάχος των γραμμών και τις καμπύλες. Ο άξονας πλάτους χρησιμοποιεί σχήματα σχεδιασμένα για κάθε πλάτος, οπότε οι κάθετες και οι οριζόντιες γραμμές μένουν σε αναλογία.
Λειτουργούν οι μεταβλητές γραμματοσειρές σε όλα τα προγράμματα περιήγησης και τις εφαρμογές;
Τα σημερινά προγράμματα περιήγησης και οι βασικές εφαρμογές σχεδίασης τις υποστηρίζουν. Το παλαιότερο λογισμικό μπορεί να δείχνει μόνο το προεπιλεγμένο στυλ, γι' αυτό κρατήστε στατικά αρχεία ως εφεδρικά όπου αυτό μετράει.
Μπορώ να χρησιμοποιήσω εμπορικά αυτές τις μεταβλητές γραμματοσειρές;
Ναι. Όλες εκτός από μία διατίθενται με την SIL Open Font License, που επιτρέπει εμπορική χρήση, ενσωμάτωση και αυτόνομη φιλοξενία· η Ubuntu Sans χρησιμοποιεί την Ubuntu Font License, που επιτρέπει επίσης εμπορική χρήση. Κάθε σελίδα γραμματοσειράς αναφέρει την άδειά της.