# Μεταβλητές γραμματοσειρές με άξονα οπτικού μεγέθους

> Μεταβλητές οικογένειες που ξανασχεδιάζονται ανάλογα με το μέγεθος στο οποίο γράφονται: πιο γερές και πιο χαλαρές όταν είναι μικρές, πιο λεπτές και πιο σφιχτές όταν είναι μεγάλες.

Στη μεταλλική τυπογραφία κάθε μέγεθος σμιλευόταν χωριστά, και οι σμιλευτές προσάρμοζαν τον σχεδιασμό καθώς προχωρούσαν. Τα μικρά μεγέθη γίνονταν πιο πλατιά και πιο γερά, με πιο χαλαρή απόσταση, ώστε να αντέχουν στη σελίδα· τα μεγάλα εκλεπτύνονταν, με λεπτότερες γραμμές και πιο σφιχτή εφαρμογή. Οι ψηφιακές γραμματοσειρές το έχασαν αυτό όταν ένα περίγραμμα άρχισε να κλιμακώνεται σε κάθε μέγεθος. Ο άξονας οπτικού μεγέθους, με ετικέτα opsz, το επαναφέρει.

Σε μια γραμματοσειρά με αυτόν τον άξονα, η τιμή αντιστοιχεί κανονικά στο μέγεθος σε σημεία. Σε χαμηλή τιμή τα γράμματα έχουν μεγαλύτερο ύψος x, παχύτερες λεπτές γραμμές και περισσότερο χώρο ανάμεσά τους. Σε υψηλή τιμή η αντίθεση οξύνεται και οι λεπτομέρειες γίνονται λεπτεπίλεπτες. Το πρακτικό αποτέλεσμα είναι ότι μία οικογένεια μπορεί να υπηρετεί και ως γραμματοσειρά κειμένου και ως display, και μια λεζάντα μένει ευανάγνωστη χωρίς να φαίνεται βαριά.

Τα προγράμματα περιήγησης εφαρμόζουν τον άξονα αυτόματα: το font-optical-sizing είναι από προεπιλογή auto, οπότε μια γραμματοσειρά με τον άξονα προσαρμόζεται στο μέγεθος γραμματοσειράς χωρίς επιπλέον κώδικα. Μπορείτε και να τον ορίσετε με το χέρι, για να χρησιμοποιήσετε εσκεμμένα τον σχεδιασμό display σε μικρό μέγεθος ή τον σχεδιασμό κειμένου σε μεγάλο. Τα εύρη διαφέρουν πολύ ανάμεσα στις οικογένειες, από προσαρμογή λίγων σημείων μόνο για κείμενο ώς εύρος άνω των χιλίων, και οι σημειώσεις δίνουν το καθένα όπως καταγράφηκε.

How these were chosen: Μεταβλητές οικογένειες, των οποίων οι καταχωρίσεις αναφέρουν άξονα οπτικού μεγέθους (opsz) με χρησιμοποιήσιμο εύρος· τα εύρη και οι συνοδευτικοί άξονες παρατίθενται από τις καταχωρίσεις.

## Fonts (16)

- [Inter](https://trendhub.net/el/fonts/inter.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 14 ώς 32, που ρυθμίζει μια sans οθόνης για μικρές ετικέτες και μεγαλύτερους τίτλους, δίπλα σε εννέα βάρη με πλάγια.
- [DM Sans](https://trendhub.net/el/fonts/dm-sans.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 9 ώς 40 σε μια γεωμετρική sans χαμηλής αντίθεσης.
- [Merriweather](https://trendhub.net/el/fonts/merriweather.markdown) (Serif, 14 στυλ · μεταβλητή, OFL): Serif κειμένου με οπτικό μέγεθος από 18 ώς 144, με άξονες βάρους και πλάτους.
- [Bricolage Grotesque](https://trendhub.net/el/fonts/bricolage-grotesque.markdown) (Sans serif, 7 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 12 ώς 96, με υπερβολικές εγκοπές μελάνης στο μικρό άκρο, δίπλα σε βάρος και πλάτος.
- [Nunito Sans](https://trendhub.net/el/fonts/nunito-sans.markdown) (Sans serif, 16 στυλ · μεταβλητή, OFL): Εύρος οπτικού μεγέθους για μικρά μεγέθη, 6 ώς 12, ανάμεσα σε τέσσερις άξονες με βάρος, πλάτος και ύψος πεζών.
- [Source Serif 4](https://trendhub.net/el/fonts/source-serif-4.markdown) (Serif, 16 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 8 ώς 60 σε μια μεταβατική serif, με οκτώ βάρη και πλάγια.
- [Newsreader](https://trendhub.net/el/fonts/newsreader.markdown) (Serif, 14 στυλ · μεταβλητή, OFL): Άξονας οπτικού μεγέθους από 6 ώς 72, με βάρη από 200 ώς 800.
- [Literata](https://trendhub.net/el/fonts/literata.markdown) (Serif, 16 στυλ · μεταβλητή, OFL): A reading serif with optical size from 7 to 72, eight weights and italics.
- [Playfair](https://trendhub.net/el/fonts/playfair.markdown) (Serif, 14 στυλ · μεταβλητή, OFL): The widest optical range here, 5 to 1200, in a serif that also varies in weight and width.
- [Fraunces](https://trendhub.net/el/fonts/fraunces.markdown) (Serif, 18 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 9 ώς 144 δίπλα σε άξονες βάρους, Softness και Wonky.
- [Bodoni Moda](https://trendhub.net/el/fonts/bodoni-moda.markdown) (Serif, 12 στυλ · μεταβλητή, OFL): Serif υψηλής αντίθεσης με οπτικό μέγεθος από 6 ώς 96.
- [Roboto Serif](https://trendhub.net/el/fonts/roboto-serif.markdown) (Serif, 18 στυλ · μεταβλητή, OFL): Optical size from 8 to 144 among four axes, with weight, width and grade, and 18 named styles.
- [Roboto Flex](https://trendhub.net/el/fonts/roboto-flex.markdown) (Sans serif, 20 στυλ · μεταβλητή, OFL): Οπτικό μέγεθος από 8 ώς 144, ένας από τους 13 άξονες σε ένα αρχείο.
- [Pathway Extreme](https://trendhub.net/el/fonts/pathway-extreme.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Optical size from 8 to 144 in a grotesque sans, beside weight and width axes.
- [TikTok Sans](https://trendhub.net/el/fonts/tiktok-sans.markdown) (Sans serif, 14 στυλ · μεταβλητή, OFL): Optical size from 12 to 36 with weight, width and slant, four axes in a single file.
- [Hedvig Letters Serif](https://trendhub.net/el/fonts/hedvig-letters-serif.markdown) (Serif, 1 στυλ · μεταβλητή, OFL): A single-weight brand serif whose only axis is optical size, from 12 to 24.

## FAQs

### Τι αλλάζει το οπτικό μέγεθος σε μια γραμματοσειρά;

Την αντίθεση των γραμμών, την απόσταση, το ύψος x και τις λεπτές λεπτομέρειες. Τα μικρά οπτικά μεγέθη είναι πιο γερά και πιο ανοιχτά· τα μεγάλα είναι πιο ακριβή και με πιο σφιχτή εφαρμογή.

### Χρειάζεται να γράψω CSS για να χρησιμοποιήσω το οπτικό μέγεθος;

Συνήθως όχι. Τα προγράμματα περιήγησης ταιριάζουν τον άξονα με το μέγεθος γραμματοσειράς αυτόματα. Για να το παρακάμψετε, ορίστε font-variation-settings: "opsz" ακολουθούμενο από μια τιμή μέσα στο εύρος της γραμματοσειράς.

### Τι είναι καλύτερο, ένας άξονας οπτικού μεγέθους ή ξεχωριστές γραμματοσειρές κειμένου και display;

Πετυχαίνουν το ίδιο πράγμα. Ο άξονας είναι πιο βολικός, καλύπτει τα ενδιάμεσα μεγέθη και θέλει μόνο ένα αρχείο.

## Related collections

- [Μεταβλητές γραμματοσειρές με άξονα πλάτους](https://trendhub.net/el/fonts/for/variable-fonts-with-a-width-axis.markdown)
- [Μεταβλητές γραμματοσειρές με ασυνήθιστους άξονες](https://trendhub.net/el/fonts/for/variable-fonts-with-unusual-axes.markdown)
- [Γραμματοσειρές serif για μακρά ανάγνωση σε οθόνες](https://trendhub.net/el/fonts/for/serif-fonts-for-long-reading.markdown)
- [Didone γραμματοσειρές υψηλής αντίθεσης για τίτλους μόδας και περιοδικών](https://trendhub.net/el/fonts/for/high-contrast-didone-fonts.markdown)
- [Γραμματοσειρές για εφημερίδες και περιοδικά](https://trendhub.net/el/fonts/for/newspaper-and-magazine-fonts.markdown)
- [Καθαρές γραμματοσειρές sans serif για διεπαφές εφαρμογών](https://trendhub.net/el/fonts/for/app-interface-fonts.markdown)

---

Source: https://trendhub.net/el/fonts/for/variable-fonts-with-optical-size (trendhub)