# Μεταβλητές γραμματοσειρές με ασυνήθιστους άξονες > Πειραματικές και εκφραστικές μεταβλητές γραμματοσειρές με προσαρμοσμένους άξονες: απαλότητα, αναπήδηση, ανεπίσημο ύφος, μεταμόρφωση, περιστροφή, grade και άλλα. Η μορφή των μεταβλητών γραμματοσειρών επιτρέπει σε κάθε ιδιότητα ενός σχεδιασμού να γίνει άξονας. Πέντε είναι καταχωρισμένοι και συνηθισμένοι: βάρος, πλάτος, κλίση, πλάγια και οπτικό μέγεθος. Πέρα από αυτούς, ένας σχεδιαστής μπορεί να εφεύρει άξονα για ό,τι μπορεί να μεταβάλλεται με νόημα στη γραμματοσειρά, και να του δώσει μια ετικέτα τεσσάρων κεφαλαίων γραμμάτων. Αυτή η ελευθερία έχει δώσει τα τελευταία χρόνια αρκετή εφευρετική τυπογραφία. Οι προσαρμοσμένοι άξονες χωρίζονται σε λίγες ομάδες. Οι παραμετρικοί άξονες ελέγχουν ένα μετρήσιμο χαρακτηριστικό, όπως το πάχος των λεπτών γραμμών ή το ύψος των πεζών, και είναι εργαλεία για λεπτή τυπογραφική προσαρμογή. Το grade αλλάζει πόσο βαρύ φαίνεται το κείμενο χωρίς να αλλάζει το πλάτος του, ώστε οι γραμμές να μην αναδιατάσσονται, κάτι χρήσιμο για τη σκοτεινή λειτουργία. Οι εκφραστικοί άξονες αλλάζουν την προσωπικότητα των γραμμάτων: πιο απαλές γωνίες, ένα ανεπίσημο κούνημα, μια αναπήδηση πάνω στη γραμμή βάσης, απολήξεις που θυμίζουν πατούρες. Και κάποιοι άξονες είναι καθαρή ιδέα, δένοντας το σχήμα των γραμμάτων με δεδομένα ή περιστρέφοντάς τα στον χώρο. Στο CSS κάθε προσαρμοσμένος άξονας ορίζεται με font-variation-settings, με την ετικέτα και έναν αριθμό. Επειδή είναι συνεχείς, οι άξονες μπορούν να κινούνται ή να συνδέονται με την κύλιση και την είσοδο του χρήστη. Οι σημειώσεις παρακάτω ονομάζουν τους δικούς της άξονες κάθε γραμματοσειράς όπως καταγράφηκαν. How these were chosen: Μεταβλητές οικογένειες, των οποίων οι καταχωρίσεις αναφέρουν τουλάχιστον έναν προσαρμοσμένο άξονα πέρα από τους καταχωρισμένους βάρος, πλάτος, κλίση, πλάγια και οπτικό μέγεθος. ## Fonts (16) - [Recursive](https://trendhub.net/el/fonts/recursive.markdown) (Sans serif, 16 στυλ · μεταβλητή, OFL): Five axes in one file: proportional to monospace, linear to casual, upright to cursive. - [Fraunces](https://trendhub.net/el/fonts/fraunces.markdown) (Serif, 18 στυλ · μεταβλητή, OFL): Άξονες Softness και Wonky δίπλα σε βάρος και οπτικό μέγεθος. - [Roboto Flex](https://trendhub.net/el/fonts/roboto-flex.markdown) (Sans serif, 20 στυλ · μεταβλητή, OFL): 13 άξονες, μαζί με παραμετρικούς ελέγχους για το πάχος των γραμμών και τα ύψη των γραμμάτων. - [Google Sans Flex](https://trendhub.net/el/fonts/google-sans-flex.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Έξι άξονες: βάρος, πλάτος, οπτικό μέγεθος, grade, στρογγυλότητα και κλίση. - [Commissioner](https://trendhub.net/el/fonts/commissioner.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Flare and Volume axes grow serif-like endings on a humanist sans. - [Geologica](https://trendhub.net/el/fonts/geologica.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): Cursive and Sharpness axes beside weight and slant. - [Shantell Sans](https://trendhub.net/el/fonts/shantell-sans.markdown) (Χειρόγραφες, 12 στυλ · μεταβλητή, OFL): Bounce, Informality and Spacing axes on a marker-style handwriting font. - [Nunito Sans](https://trendhub.net/el/fonts/nunito-sans.markdown) (Sans serif, 16 στυλ · μεταβλητή, OFL): Άξονας ύψους πεζών δίπλα σε βάρος, πλάτος και οπτικό μέγεθος. - [Science Gothic](https://trendhub.net/el/fonts/science-gothic.markdown) (Sans serif, 18 στυλ · μεταβλητή, OFL): A custom contrast axis thins the horizontal strokes, beside weight, width and slant. - [Signika](https://trendhub.net/el/fonts/signika.markdown) (Sans serif, 5 στυλ · μεταβλητή, OFL): A Grade axis, from -30 to 0, slightly thins the strokes for light-on-dark text, beside weight. - [Kumbh Sans](https://trendhub.net/el/fonts/kumbh-sans.markdown) (Sans serif, 9 στυλ · μεταβλητή, OFL): A parametric axis changes the thickness of the thin strokes alone, beside weight. - [Akshar](https://trendhub.net/el/fonts/akshar.markdown) (Sans serif, 5 στυλ · μεταβλητή, OFL): Weight and contrast axes in a condensed sans for Latin and Devanagari. - [AR One Sans](https://trendhub.net/el/fonts/ar-one-sans.markdown) (Sans serif, 4 στυλ · μεταβλητή, OFL): A resolution axis for augmented reality displays that keeps letter widths, so text does not reflow, beside weight. - [Honk](https://trendhub.net/el/fonts/honk.markdown) (Display, 1 στυλ · μεταβλητή, OFL): Morph shifts the blocky letter shapes and Shadow Length extends a shadow behind them; there is no weight axis. - [Kablammo](https://trendhub.net/el/fonts/kablammo.markdown) (Display, 1 στυλ · μεταβλητή, OFL): A Morph axis makes its doodle-covered capitals shift and dance. - [Tilt Neon](https://trendhub.net/el/fonts/tilt-neon.markdown) (Display, 1 στυλ · μεταβλητή, OFL): Two axes rotate its neon-tube letters up to 45 degrees in X and Y. ## FAQs ### Πώς χρησιμοποιώ έναν προσαρμοσμένο άξονα στο CSS; Γράψτε font-variation-settings με την ετικέτα του άξονα σε εισαγωγικά και μια τιμή, για παράδειγμα "SOFT" 100. Οι προσαρμοσμένες ετικέτες κάνουν διάκριση κεφαλαίων και πεζών και γράφονται με κεφαλαία. ### Μπορούν να κινηθούν οι άξονες μεταβλητών γραμματοσειρών; Ναι. Οι τιμές των αξόνων μπορούν να μεταβούν ή να κινηθούν στο CSS και να οδηγηθούν από JavaScript, αφού είναι συνεχείς αριθμοί. ### Σε τι χρησιμεύει ένας άξονας grade; Κάνει το κείμενο να φαίνεται πιο ανάλαφρο ή πιο βαρύ χωρίς να αλλάζουν τα πλάτη των γραμμάτων, ώστε η διάταξη να μη μετακινείται. Οι σχεδιαστές τον χρησιμοποιούν για να αντισταθμίσουν σκούρα φόντα ή διαφορετικές οθόνες. ## Related collections - [Μεταβλητές γραμματοσειρές με άξονα πλάτους](https://trendhub.net/el/fonts/for/variable-fonts-with-a-width-axis.markdown) - [Μεταβλητές γραμματοσειρές με άξονα οπτικού μεγέθους](https://trendhub.net/el/fonts/for/variable-fonts-with-optical-size.markdown) - [Φουτουριστικές display γραμματοσειρές για τίτλους και λογότυπα sci-fi](https://trendhub.net/el/fonts/for/futuristic-display-fonts.markdown) - [Γραμματοσειρές pixel και arcade](https://trendhub.net/el/fonts/for/pixel-and-arcade-fonts.markdown) - [Χειρόγραφες γραμματοσειρές για σημειώσεις, παραθέματα και προσωπικό τόνο](https://trendhub.net/el/fonts/for/handwriting-fonts.markdown) - [Οικογένειες γραμματοσειρών με εννέα βάρη και πλάγια](https://trendhub.net/el/fonts/for/font-families-with-nine-weights.markdown) --- Source: https://trendhub.net/el/fonts/for/variable-fonts-with-unusual-axes (trendhub)