Γραμματοσειρές serif για μακρά ανάγνωση σε οθόνες
Serif για κείμενο, σχεδιασμένες για οθόνες ή για μακρά ανάγνωση: μεγάλο x-height, μέτρια αντίθεση και πραγματικά πλάγια για άρθρα, blogs και τεκμηρίωση.
Chapter One
Το να διαβάζεις αρκετές χιλιάδες λέξεις σε οθόνη είναι άλλη δοκιμασία από το να ρίχνεις μια ματιά σε έναν τίτλο. Η γραμματοσειρά πρέπει να εξαφανιστεί, και στις οθόνες αυτό εξαρτάται από λίγα μετρήσιμα στοιχεία. Ένα μεγάλο x-height κάνει τα πεζά να φαίνονται μεγαλύτερα στο ίδιο μέγεθος, κάτι που μετράει στα 16 έως 18 pixel. Η μέτρια αντίθεση γραμμών εμποδίζει τα λεπτά τμήματα να τρεμοπαίζουν ή να χάνονται σε οθόνες χαμηλής πυκνότητας, που είναι η συνήθης αποτυχία των serif εκτύπωσης όταν περνούν αυτούσιες στο web. Οι στιβαρές πατούρες και τα ανοιχτά εσωτερικά κρατούν χωριστά τα όμοια γράμματα.
Πέρα από τα σχήματα των γραμμάτων, δείτε τι περιλαμβάνει η οικογένεια. Ένα μακρύ κείμενο θέλει αληθινό πλάγιο για τίτλους και έμφαση, και Bold εμφανώς σκουρότερο από το Regular. Ένας άξονας οπτικού μεγέθους είναι πραγματικό πλεονέκτημα σε αυτή την ομάδα: παχαίνει τις λεπτές γραμμές και ανοίγει τις αποστάσεις στα μικρά μεγέθη, και ύστερα οξύνει το σχέδιο για τους τίτλους, όλα σε ένα αρχείο. Οι οικογένειες με άξονα βάρους σάς αφήνουν να προσαρμόσετε ελαφρά το Regular, κάτι χρήσιμο όταν ανοιχτό κείμενο μπαίνει σε σκούρο φόντο. Ορίστε πλάτος στήλης περίπου 60 έως 75 χαρακτήρες ανά γραμμή και διάστιχο κοντά στο 1,5.
-
Merriweather
Serif κειμένου για οθόνες με πολύ μεγάλο x-height, μεταβλητή σε βάρος, πλάτος και οπτικό μέγεθος.
-
Lora
Γραμματοσειρά κειμένου μέτριας αντίθεσης με καμπύλες σαν από πινέλο και στιβαρές πατούρες, βελτιστοποιημένη για οθόνες· τέσσερα βάρη με πλάγια και κυριλλικά.
-
Libre Baskerville
Ψηλότερο x-height και χαμηλότερη αντίθεση από το πρότυπό της του 1941, ρυθμισμένη για ανάγνωση στα 16px.
-
PT Serif
Σχεδιασμένη για συνεχή ανάγνωση, με μέτρια αντίθεση, στιβαρές πατούρες και αρκετά ψηλά πεζά· Regular και Bold με πλάγια, λατινικά και κυριλλικά.
-
Noto Serif
Μέτρια αντίθεση, συμπαγείς πατούρες με καμπύλη σύνδεση και ψηλά πεζά για κείμενο· εννέα βάρη με πλάγια για λατινικά, κυριλλικά και ελληνικά.
-
Bitter
Slab serif φτιαγμένη για άνετη ανάγνωση σε οθόνες, μεταβλητή από Thin έως Black με πλάγια.
-
Source Serif 4
Φτιαγμένη να ταιριάζει στις αναλογίες και στο χρώμα κειμένου της συνοδού sans της, με άξονα οπτικού μεγέθους από 8 έως 60 και οκτώ βάρη με πλάγια.
-
Literata
First made as the typeface of an e-book app; sturdy, low-contrast serifs with an optical size axis from 7 to 72.
-
Newsreader
Σχεδιασμένη για μακρά, αδιάκοπη ανάγνωση σε οθόνες με πολύ περιεχόμενο, με άξονα οπτικού μεγέθους από 6 έως 72 και επτά βάρη με πλάγια.
-
Spectral
Serif κειμένου που σχεδιάστηκε πρώτα για οθόνες, σε επτά βάρη με πλάγια και κυριλλικά.
-
Vollkorn
A sturdy text serif with dark, meaty serifs, variable from Regular to Black with italics.
-
Crimson Pro
A Garalde-style serif made for long texts such as textbooks and editorial websites, variable across eight weights with italics.
Τα δείγματα φορτώνουν ένα βασικό λατινικό υποσύνολο κάθε οικογένειας. Κάθε οικογένεια εδώ έχει ανοιχτή άδεια· η σελίδα της περιγράφει τους όρους και προσφέρει τα πρωτότυπα αρχεία.
Ερωτήσεις για: Γραμματοσειρές serif για μακρά ανάγνωση σε οθόνες
Είναι πιο δύσκολο να διαβαστούν οι serif στις οθόνες;
Όχι στις σημερινές οθόνες. Η παλιά συμβουλή προέρχεται από οθόνες χαμηλής ανάλυσης. Μια serif με μεγάλο x-height και μέτρια αντίθεση διαβάζεται άνετα στα συνηθισμένα μεγέθη κειμένου.
Τι μέγεθος να έχει το κυρίως κείμενο σε έναν ιστότοπο;
Ξεκινήστε από 16 έως 18 pixel και προσαρμόστε με το μάτι, γιατί οι γραμματοσειρές με μεγάλο x-height φαίνονται μεγαλύτερες από το ονομαστικό τους μέγεθος. Κρατήστε τις γραμμές στους 60 έως 75 περίπου χαρακτήρες.
Μπορώ να χρησιμοποιήσω αυτές τις γραμματοσειρές σε εμπορικό ιστότοπο ή σε e-book;
Ναι. Οι ανοιχτές άδειές τους επιτρέπουν εμπορική χρήση και ενσωμάτωση σε ιστότοπους, εφαρμογές και e-books. Κατεβάστε την οικογένεια και φιλοξενήστε εσείς τα αρχεία.
Τι κάνει ένας άξονας οπτικού μεγέθους για το κείμενο;
Αλλάζει το σχέδιο ανάλογα με το μέγεθος. Στα μικρά μεγέθη οι γραμμές γίνονται στιβαρότερες και οι αποστάσεις πιο χαλαρές· στα μεγάλα οι λεπτομέρειες γίνονται λεπτότερες. Το πρόγραμμα περιήγησης μπορεί να τον εφαρμόζει αυτόματα.