# Γραμματοσειρές serif για μακρά ανάγνωση σε οθόνες

> Serif για κείμενο, σχεδιασμένες για οθόνες ή για μακρά ανάγνωση: μεγάλο x-height, μέτρια αντίθεση και πραγματικά πλάγια για άρθρα, blogs και τεκμηρίωση.

Το να διαβάζεις αρκετές χιλιάδες λέξεις σε οθόνη είναι άλλη δοκιμασία από το να ρίχνεις μια ματιά σε έναν τίτλο. Η γραμματοσειρά πρέπει να εξαφανιστεί, και στις οθόνες αυτό εξαρτάται από λίγα μετρήσιμα στοιχεία. Ένα μεγάλο x-height κάνει τα πεζά να φαίνονται μεγαλύτερα στο ίδιο μέγεθος, κάτι που μετράει στα 16 έως 18 pixel. Η μέτρια αντίθεση γραμμών εμποδίζει τα λεπτά τμήματα να τρεμοπαίζουν ή να χάνονται σε οθόνες χαμηλής πυκνότητας, που είναι η συνήθης αποτυχία των serif εκτύπωσης όταν περνούν αυτούσιες στο web. Οι στιβαρές πατούρες και τα ανοιχτά εσωτερικά κρατούν χωριστά τα όμοια γράμματα.

Πέρα από τα σχήματα των γραμμάτων, δείτε τι περιλαμβάνει η οικογένεια. Ένα μακρύ κείμενο θέλει αληθινό πλάγιο για τίτλους και έμφαση, και Bold εμφανώς σκουρότερο από το Regular. Ένας άξονας οπτικού μεγέθους είναι πραγματικό πλεονέκτημα σε αυτή την ομάδα: παχαίνει τις λεπτές γραμμές και ανοίγει τις αποστάσεις στα μικρά μεγέθη, και ύστερα οξύνει το σχέδιο για τους τίτλους, όλα σε ένα αρχείο. Οι οικογένειες με άξονα βάρους σάς αφήνουν να προσαρμόσετε ελαφρά το Regular, κάτι χρήσιμο όταν ανοιχτό κείμενο μπαίνει σε σκούρο φόντο. Ορίστε πλάτος στήλης περίπου 60 έως 75 χαρακτήρες ανά γραμμή και διάστιχο κοντά στο 1,5.

How these were chosen: Οικογένειες serif και slab serif με ετικέτα κυρίως κειμένου, των οποίων οι καταχωρίσεις περιγράφουν σχεδίαση για οθόνη ή για κείμενο. Οι serif display και οι ιστορικές αναβιώσεις αναφέρονται αλλού.

## Fonts (15)

- [Merriweather](https://trendhub.net/el/fonts/merriweather.markdown) (Serif, 14 στυλ · μεταβλητή, OFL): Serif κειμένου για οθόνες με πολύ μεγάλο x-height, μεταβλητή σε βάρος, πλάτος και οπτικό μέγεθος.
- [Lora](https://trendhub.net/el/fonts/lora.markdown) (Serif, 8 στυλ · μεταβλητή, OFL): Γραμματοσειρά κειμένου μέτριας αντίθεσης με καμπύλες σαν από πινέλο και στιβαρές πατούρες, βελτιστοποιημένη για οθόνες· τέσσερα βάρη με πλάγια και κυριλλικά.
- [Libre Baskerville](https://trendhub.net/el/fonts/libre-baskerville.markdown) (Serif, 8 στυλ · μεταβλητή, OFL): Ψηλότερο x-height και χαμηλότερη αντίθεση από το πρότυπό της του 1941, ρυθμισμένη για ανάγνωση στα 16px.
- [PT Serif](https://trendhub.net/el/fonts/pt-serif.markdown) (Serif, 4 στυλ, OFL): Σχεδιασμένη για συνεχή ανάγνωση, με μέτρια αντίθεση, στιβαρές πατούρες και αρκετά ψηλά πεζά· Regular και Bold με πλάγια, λατινικά και κυριλλικά.
- [Noto Serif](https://trendhub.net/el/fonts/noto-serif.markdown) (Serif, 18 στυλ · μεταβλητή, OFL): Μέτρια αντίθεση, συμπαγείς πατούρες με καμπύλη σύνδεση και ψηλά πεζά για κείμενο· εννέα βάρη με πλάγια για λατινικά, κυριλλικά και ελληνικά.
- [Bitter](https://trendhub.net/el/fonts/bitter.markdown) (Slab serif, 18 στυλ · μεταβλητή, OFL): Slab serif φτιαγμένη για άνετη ανάγνωση σε οθόνες, μεταβλητή από Thin έως Black με πλάγια.
- [Source Serif 4](https://trendhub.net/el/fonts/source-serif-4.markdown) (Serif, 16 στυλ · μεταβλητή, OFL): Φτιαγμένη να ταιριάζει στις αναλογίες και στο χρώμα κειμένου της συνοδού sans της, με άξονα οπτικού μεγέθους από 8 έως 60 και οκτώ βάρη με πλάγια.
- [Literata](https://trendhub.net/el/fonts/literata.markdown) (Serif, 16 στυλ · μεταβλητή, OFL): Φτιάχτηκε αρχικά ως η γραμματοσειρά μιας εφαρμογής ηλεκτρονικών βιβλίων· στιβαρές πατούρες με χαμηλή αντίθεση και άξονα οπτικού μεγέθους από 7 έως 72.
- [Newsreader](https://trendhub.net/el/fonts/newsreader.markdown) (Serif, 14 στυλ · μεταβλητή, OFL): Σχεδιασμένη για μακρά, αδιάκοπη ανάγνωση σε οθόνες με πολύ περιεχόμενο, με άξονα οπτικού μεγέθους από 6 έως 72 και επτά βάρη με πλάγια.
- [Spectral](https://trendhub.net/el/fonts/spectral.markdown) (Serif, 14 στυλ, OFL): Serif κειμένου που σχεδιάστηκε πρώτα για οθόνες, σε επτά βάρη με πλάγια και κυριλλικά.
- [Vollkorn](https://trendhub.net/el/fonts/vollkorn.markdown) (Serif, 12 στυλ · μεταβλητή, OFL): Μια στιβαρή serif κειμένου με σκούρες, γεμάτες πατούρες, μεταβλητή από Regular έως Black με πλάγια.
- [Gelasio](https://trendhub.net/el/fonts/gelasio.markdown) (Serif, 8 στυλ · μεταβλητή, OFL): Σχεδιασμένη για συνεχή ανάγνωση, με μέτρια αντίθεση και απαλά στρογγυλεμένες απολήξεις· τέσσερα βάρη με πλάγια σε άξονα βάρους από 400 έως 700.
- [Crimson Pro](https://trendhub.net/el/fonts/crimson-pro.markdown) (Serif, 16 στυλ · μεταβλητή, OFL): Μια serif τύπου Garalde για μεγάλα κείμενα, όπως σχολικά βιβλία και ειδησεογραφικοί ιστότοποι, μεταβλητή σε οκτώ βάρη με πλάγια.
- [Petrona](https://trendhub.net/el/fonts/petrona.markdown) (Serif, 18 στυλ · μεταβλητή, OFL): Μια serif κειμένου με χαμηλή αντίθεση και μεγάλο x-height, μεταβλητή σε εννέα βάρη με πλάγια.
- [Yrsa](https://trendhub.net/el/fonts/yrsa.markdown) (Serif, 10 στυλ · μεταβλητή, OFL): Μια serif κειμένου για μακρά ανάγνωση σε οθόνες, σε πέντε βάρη με πλάγια.

## FAQs

### Είναι πιο δύσκολο να διαβαστούν οι serif στις οθόνες;

Όχι στις σημερινές οθόνες. Η παλιά συμβουλή προέρχεται από οθόνες χαμηλής ανάλυσης. Μια serif με μεγάλο x-height και μέτρια αντίθεση διαβάζεται άνετα στα συνηθισμένα μεγέθη κειμένου.

### Τι μέγεθος να έχει το κυρίως κείμενο σε έναν ιστότοπο;

Ξεκινήστε από 16 έως 18 pixel και προσαρμόστε με το μάτι, γιατί οι γραμματοσειρές με μεγάλο x-height φαίνονται μεγαλύτερες από το ονομαστικό τους μέγεθος. Κρατήστε τις γραμμές στους 60 έως 75 περίπου χαρακτήρες.

### Μπορώ να χρησιμοποιήσω αυτές τις γραμματοσειρές σε εμπορικό ιστότοπο ή σε e-book;

Ναι. Οι ανοιχτές άδειές τους επιτρέπουν εμπορική χρήση και ενσωμάτωση σε ιστότοπους, εφαρμογές και e-books. Κατεβάστε την οικογένεια και φιλοξενήστε εσείς τα αρχεία.

### Τι κάνει ένας άξονας οπτικού μεγέθους για το κείμενο;

Αλλάζει το σχέδιο ανάλογα με το μέγεθος. Στα μικρά μεγέθη οι γραμμές γίνονται στιβαρότερες και οι αποστάσεις πιο χαλαρές· στα μεγάλα οι λεπτομέρειες γίνονται λεπτότερες. Το πρόγραμμα περιήγησης μπορεί να τον εφαρμόζει αυτόματα.

## Related collections

- [Old-style και revival serif γραμματοσειρές για βιβλία](https://trendhub.net/el/fonts/for/old-style-serif-fonts-for-books.markdown)
- [Ανθρωπιστικές γραμματοσειρές sans serif για ευανάγνωστο κείμενο](https://trendhub.net/el/fonts/for/humanist-sans-serif-fonts.markdown)
- [Γραμματοσειρές για εφημερίδες και περιοδικά](https://trendhub.net/el/fonts/for/newspaper-and-magazine-fonts.markdown)
- [Μεταβλητές γραμματοσειρές με άξονα οπτικού μεγέθους](https://trendhub.net/el/fonts/for/variable-fonts-with-optical-size.markdown)
- [Serif γραμματοσειρές για ακαδημαϊκά και επιστημονικά κείμενα](https://trendhub.net/el/fonts/for/fonts-for-academic-writing.markdown)
- [Slab serif γραμματοσειρές](https://trendhub.net/el/fonts/for/slab-serif-fonts.markdown)

---

Source: https://trendhub.net/el/fonts/for/serif-fonts-for-long-reading (trendhub)