Βλαντ Μέρζεβιτς

Η γραμματοσειρά αποτελεί αναπόσπαστο κομμάτι του web design, δίνει στο site εκφραστικότητα και αναγνώριση, εκφράζει το χαρακτηριστικό στυλ του site και σχετίζεται άμεσα με την αντίληψη των κειμένων. Μια καλά επιλεγμένη γραμματοσειρά μπορεί να μην γίνει αντιληπτή, αλλά χωρίς αυτήν δεν θα υπάρχει όρεξη που να δίνει την πληρότητα του σχεδιασμού του ιστότοπου.

Εάν έχετε ήδη εγκατεστημένη μια συγκεκριμένη γραμματοσειρά στον υπολογιστή σας, τότε απλώς προσθέστε μια γραμμή στα στυλ.

h1 (οικογένεια γραμματοσειρών: SuperPuperFont; )

Η τιμή της ιδιότητας font-family είναι το όνομα της γραμματοσειράς που θα εφαρμοστεί σε όλες τις επικεφαλίδες

. Τι θα δουν όμως οι επισκέπτες της ιστοσελίδας αν δεν εγκατασταθεί η εντυπωσιακή και σπάνια γραμματοσειρά μας; Παρόμοια κατάστασηπιθανότατα, οπότε αν το πρόγραμμα περιήγησης δεν αναγνωρίσει τη δηλωμένη γραμματοσειρά, θα χρησιμοποιήσει την προεπιλεγμένη γραμματοσειρά, για παράδειγμα στα Windows αυτή είναι η Times New Roman. Όλος ο προσεκτικά μελετημένος σχεδιασμός τύπου μας θα καταρρεύσει και θα ξεσκονιστεί κατά τη διάρκεια της νύχτας, επομένως πρέπει να αναζητήσουμε την πιο καθολική λύση. Το πρώτο πράγμα που έρχεται αμέσως στο μυαλό είναι να κανονίσετε τη λήψη του αρχείου γραμματοσειράς στον υπολογιστή του χρήστη και την εμφάνιση του κειμένου στην επιλεγμένη γραμματοσειρά. Σε σύγκριση με άλλες μεθόδους, όπως η εμφάνιση κειμένου μέσω εικόνας, αυτή η μέθοδος είναι η απλούστερη και πιο ευέλικτη.

Τι πλεονεκτήματα μας δίνει τελικά η φόρτωση ενός αρχείου γραμματοσειράς και στη συνέχεια η εφαρμογή του μέσω CSS;

• Το κείμενο είναι εύκολο να προστεθεί και να επεξεργαστεί.
• Στο πρόγραμμα περιήγησης, μπορείτε να χρησιμοποιήσετε την αναζήτηση και να βρείτε τις επιθυμητές φράσεις.
• Στις ρυθμίσεις του προγράμματος περιήγησης, μπορείτε να μειώσετε ή να αυξήσετε το μέγεθος της γραμματοσειράς για να επιτύχετε άνετη προβολή.
• Μηχανές αναζήτησηςΕυρετηριάζουν καλά το περιεχόμενο του εγγράφου.
• Το κείμενο μπορεί να επιλεγεί και να αντιγραφεί στο πρόχειρο, καθώς και να μεταφραστεί σε άλλη γλώσσα.
• Επιλογές κειμένου όπως διάστιχο, τα χρώματα, τα μεγέθη και τα παρόμοια μπορούν εύκολα να αλλάξουν χρησιμοποιώντας ιδιότητες CSS.
• Και πάλι, είναι εύκολο να προστεθεί στο κείμενο μέσω CSS διαφορετικά εφέ, για παράδειγμα μια σκιά.

Όπως μπορείτε να δείτε, υπάρχουν πολλά πλεονεκτήματα. Υπάρχουν και μικρά μειονεκτήματα και για ισορροπία είναι άξια αναφοράς.

• Δεν υποστηρίζουν όλες οι εκδόσεις του προγράμματος περιήγησης γραμματοσειρές με δυνατότητα λήψης και μορφές που ταιριάζουν σε όλους.
• Ένα αρχείο που περιέχει μια γραμματοσειρά μπορεί να καταλήξει μεγάλο όγκο, επιβραδύνοντας έτσι τη φόρτωση της ιστοσελίδας.

Στον πίνακα 1 παραθέτει τις εκδόσεις του προγράμματος περιήγησης και τις μορφές γραμματοσειράς που υποστηρίζουν.

Τραπέζι 1. Υποστηριζόμενες μορφές

Μορφή	Internet Explorer	Χρώμιο	ΛΥΡΙΚΗ ΣΚΗΝΗ	Σαφάρι	Firefox	Android	iOS
TTF	9.0+	4.0+	10.0+	3.1+	3.5+	2.2+
ΕΟΤ	5.0-8.0
ΓΟΥΦΦ	9.0+	5.0+			3.6+
SVG		1.0+	9.0+	3.1+	3.5+		1.0+

Η πιο υποστηριζόμενη μορφή είναι το TTF. Με εξαίρεση τον IE έως την έκδοση 9.0 και το iOS, όλα τα προγράμματα περιήγησης το κατανοούν τέλεια. Έτσι, εάν η γραμματοσειρά σας είναι σε αυτήν τη μορφή και εστιάσετε σε σύγχρονα προγράμματα περιήγησης, όχι πρόσθετες ενέργειεςδεν θα χρειαστεί να το κάνετε. Αρκεί να γράψετε τον παρακάτω κώδικα σε στυλ (παράδειγμα 1).

Παράδειγμα 1: Σύνδεση TTF

HTML5 CSS3 IE 8 IE 9+ Cr Op Sa Fx

Αρχικά, φορτώνουμε το ίδιο το αρχείο γραμματοσειράς χρησιμοποιώντας τον κανόνα @font-face. Μέσα σε αυτό γράφουμε το όνομα της γραμματοσειράς μέσω της παραμέτρου font-family και τη διαδρομή προς το αρχείο μέσω του src . Στη συνέχεια χρησιμοποιούμε τη γραμματοσειρά ως συνήθως. Έτσι, εάν πρέπει να ορίσουμε τη γραμματοσειρά τίτλου, τότε για τον επιλογέα h1, όπως φαίνεται στο παράδειγμα, ορίζουμε την ιδιότητα font-family με το όνομα της φορτωμένης γραμματοσειράς. Για παλαιότερες εκδόσεις του IE, παραθέτουμε εναλλακτικές επιλογές διαχωρισμένες με κόμμα. Σε αυτήν την περίπτωση, η γραμματοσειρά του τίτλου θα είναι "Comic Sans MS", καθώς το IE8 και κάτω δεν υποστηρίζουν τη μορφή TTF.

Αποτέλεσμα αυτό το παράδειγμαφαίνεται στο Σχ. 1.

Ρύζι. 1. Κεφαλίδα με φορτωμένη γραμματοσειρά

Τι να κάνετε εάν χρειάζεστε απεγνωσμένα μια florid γραμματοσειρά στον IE8; Ευτυχώς, το @font-face σάς επιτρέπει να συμπεριλάβετε πολλά αρχεία γραμματοσειρών ταυτόχρονα διαφορετικές μορφές. Το πρόγραμμα περιήγησης πρέπει απλώς να επιλέξει το κατάλληλο. Έτσι, μια καθολική λύση που λειτουργεί σε όλα τα προγράμματα περιήγησης καταλήγει στη μετατροπή της υπάρχουσας μορφής TTF σε EOT και στη συνέχεια στη σύνδεση και των δύο αρχείων.

Υπάρχουν πολλές επιλογές για μετατροπή διαδικτυακές υπηρεσίες, επιτρέποντάς σας να φορτώσετε ένα αρχείο TTF και να λάβετε ένα αρχείο EOT ως έξοδο. Δυστυχώς, οι περισσότερες από αυτές τις υπηρεσίες έχουν το ίδιο πρόβλημα - λαμβάνουμε το αρχείο, αλλά η ρωσική γλώσσα δεν υποστηρίζεται. Τελικά επιθυμητό αποτέλεσμαδεν επιτυγχάνεται, η μετατροπή γίνεται εσφαλμένα. Μεταξύ των τοποθεσιών που έλεγξα, υπήρχε ένα που εμφάνιζε σωστά το κείμενο στο IE.

Πηγαίνουμε σε αυτόν τον ιστότοπο, κατεβάζουμε το αρχείο TTF και κάνουμε κλικ στο κουμπί "Μετατροπή TTF σε EOT", μετά από το οποίο αποθηκεύουμε το αρχείο που προκύπτει στο φάκελο με γραμματοσειρές. Στα στυλ, μένει να εκτελέσετε ένα μικρό κόλπο και δύναμη διαφορετικά προγράμματα περιήγησηςκατεβάστε τη γραμματοσειρά στην απαιτούμενη μορφή. Για να γίνει αυτό, προσθέτουμε δύο παραμέτρους src. Το πρώτο δείχνει το αρχείο EOT και προορίζεται για παλαιότερες εκδόσεις του IE. Η δεύτερη παράμετρος src πρέπει να περιέχει δύο διευθύνσεις διαχωρισμένες με κόμμα, η μία από τις οποίες οδηγεί στο αρχείο TTF. Το γεγονός είναι ότι οι εκδόσεις IE 8.0 και παλαιότερες δεν κατανοούν το κόμμα στην παράμετρο src και, κατά συνέπεια, θα αγνοήσουν ολόκληρη την παράμετρο. Μπορεί να υπάρχουν πολλές επιλογές γραφής, για παράδειγμα, επαναλάβετε τη διεύθυνση url, καθορίστε το όνομα της γραμματοσειράς μέσα στην τοπική παράμετρο ή ακόμα και να γράψετε μια γραμματοσειρά που δεν υπάρχει. Εάν το πρόγραμμα περιήγησης δεν μπορεί να φορτώσει μια τέτοια γραμματοσειρά, τότε θα πάει στη δεύτερη στη λίστα και την έχουμε γραμμένη σωστά. Αποδεκτές μέθοδοι γραφής.

src: url(fonts/pompadur.ttf), url(fonts/pompadur.ttf);
src: local(pompadur), url(fonts/pompadur.ttf);
src: local("bla bla"), url(fonts/pompadur.ttf);

Μια λειτουργική επιλογή για τη σύνδεση μιας γραμματοσειράς για όλες τις εκδόσεις του προγράμματος περιήγησης εμφανίζεται στο παράδειγμα 2.

Παράδειγμα 2: Σύνδεση ΕΟΤ

HTML5 CSS3 IE Cr Op Sa Fx

Ένα σύγχρονο στοιχείο της πολιτικής διαδικασίας

Στην πραγματικότητα, οι πολιτικές διδασκαλίες του Μοντεσκιέ αναδεικνύουν τον ηπειρωτικό ευρωπαϊκό τύπο πολιτικής κουλτούρας, που αντικατοπτρίστηκε στα έργα του Μίχελς.

Όσο για το iOS, κάντε και κατεβάστε ξεχωριστή γραμματοσειράΜου φαίνεται ότι η μορφή SVG δεν έχει πολύ νόημα. Το κοινό των ιστοτόπων που το βλέπει μέσω iOS είναι ακόμα μικρό, και επιπλέον, η έκδοση του ιστότοπου είναι για κινητές συσκευέςΠροσπαθούν να το κάνουν πιο εύκολο και δεν είναι σκόπιμο να κατεβάσετε μερικές επιπλέον δεκάδες kilobyte.

Γραμματοσειρές Ιστού Google

Μια βολική υπηρεσία που φροντίζει για τη ρουτίνα υποστήριξης διαφορετικών μορφών γραμματοσειράς και εκδόσεων προγράμματος περιήγησης βρίσκεται στη διεύθυνση www.google.com/webfonts. Αν και υπάρχουν σχετικά λίγες διαφορετικές γραμματοσειρές στη συλλογή (υπάρχουν αρκετές δεκάδες), είναι όλες επιλεγμένες πολύ υψηλής ποιότητας και είναι δωρεάν για χρήση σε ιστότοπους.

Πριν επιλέξετε μια γραμματοσειρά, αλλάξτε την τιμή Script σε Κυριλλικό και, στη συνέχεια, θα δείτε μια λίστα με γραμματοσειρές που υποστηρίζουν τη ρωσική γλώσσα (Εικ. 2).

Ρύζι. 2. Επιλογή γραμματοσειρών σε Google WebΓραμματοσειρές

Η γραμματοσειρά που σας αρέσει πρέπει πρώτα να προστεθεί στη συλλογή κάνοντας κλικ στο κουμπί "Προσθήκη στη συλλογή" και στη συνέχεια στο κουμπί "Χρήση" στην κάτω δεξιά γωνία της οθόνης. Επί επόμενη σελίδα(Εικ. 3) μπορείτε τελικά να επιλέξετε τις γραμματοσειρές που χρειάζεστε. Ταυτόχρονα, πρέπει να καταλάβετε ότι μια γραμματοσειρά μπορεί να περιέχει πολλά στυλ και καθένα από αυτά αυξάνει τον όγκο των ληφθέντων αρχείων.

Ρύζι. 3. Γραμματοσειρές που έχουν φορτωθεί στη σελίδα

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

1. Μέσω στοιχείου . Η γραμμή θα μοιάζει κάπως έτσι.

2. Μέσω του κανόνα @import. Εισάγουμε αυτή τη γραμμή στο αρχείο μας CSS στην κορυφή.

@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=cyrillic);

3. Μέσω JavaScript.

Κατ 'αρχήν, όλα τα μονοπάτια είναι ίσα, επομένως επιλέξτε σύμφωνα με τις προτιμήσεις σας.

Οφέλη εφαρμογής αυτής της υπηρεσίαςτέτοιος.

• Οι γραμματοσειρές είναι δωρεάν στη χρήση, δεν χρειάζεται να πληρώσετε για αυτές.
• Οι προσφερόμενες γραμματοσειρές «ακονίζονται» για προβολή στην οθόνη, τα αρχεία βελτιστοποιούνται και καταλαμβάνουν σχετικά μικρό όγκο.
• Το πρόγραμμα περιήγησης εντοπίζεται αυτόματα και παρέχεται η γραμματοσειρά στην απαιτούμενη μορφή.

Ένα από τα κύρια πλεονεκτήματα της υπηρεσίας είναι ότι οι γραμματοσειρές αποθηκεύονται σε μορφές TTF, EOT, WOFF, SVG και φορτώνονται μετά από έλεγχο του προγράμματος περιήγησης. Έτσι, η μορφή EOT θα είναι διαθέσιμη μόνο για παλαιότερες εκδόσεις του IE.

Το αν χρησιμοποιείτε τις γραμματοσειρές Ιστού Google ή όχι εξαρτάται από εσάς. Εάν δεν βρείτε μια κατάλληλη γραμματοσειρά εκεί, μπορείτε πάντα να συνδέσετε το δημοφιλές και ευρέως διαδεδομένο TTF. Επιπλέον, υποστηρίζεται πιο πρόσφατες εκδόσειςόλα τα δημοφιλή προγράμματα περιήγησης.

Παραδοσιακά, η Microsoft, μαζί με το λειτουργικό Σύστημα Windowsπαρέχει στους χρήστες ένα καλό σύνολο πρακτικών ευανάγνωστες γραμματοσειρές. Ωστόσο, πολλοί χρήστες βρίσκουν αυτό το σετ ανεπαρκές για διάφορους λόγους. Μερικοί άνθρωποι θέλουν να σχεδιάσουν μια κάρτα ή μια ευχετήρια διεύθυνση και χρειάζονται φανταχτερά γράμματα. Κάποιος συνεργάζεται μαθηματικούς τύπους- εδώ θα χρειαστείτε επαγγελματικά σύμβολα. Υπάρχουν ειδικές πινακίδες ακόμα και για καταγραφή σκακιστικών μελετών! Σίγουρα, τυπικές γραμματοσειρέςΤα Windows δεν μπορούν να καλύψουν όλες αυτές και άλλες περιπτώσεις. Ευτυχώς, προσθέστε βασικό σετμπορείτε να το κάνετε μόνοι σας. Όπως θα φανεί στη συνέχεια, αυτό δεν είναι καθόλου δύσκολο έργο.

Πώς να επιλέξετε

Πριν σας πω πώς να εγκαταστήσετε γραμματοσειρές στα Windows 7, θα ήθελα να δώσω μερικές συμβουλές για την επιλογή τους.

Ο χρήστης υπολογιστή πρέπει να θυμάται ότι η κύρια απαίτηση για το σχεδιασμό του έντυπου κειμένου είναι η αναγνωσιμότητα. Δεν έχει σημασία πόσο όμορφα είναι τα μεμονωμένα γράμματα, αν η ανάγνωση των γραμμένων μετατραπεί σε αποκρυπτογράφηση ενός rebus, αυτό σίγουρα θα παρεμποδίσει τη μετάδοση της ιδέας που περιέχεται στο κείμενο. Εξ ου και η πρώτη συμβουλή: πριν την εγκατάσταση στο σύστημα νέα γραμματοσειρά, δείτε παραδείγματα γραπτών λέξεων. Ο ευκολότερος τρόπος για να το κάνετε αυτό είναι με διπλό κλικκατά αρχείο.

Το επόμενο πράγμα που πρέπει να σημειωθεί είναι ότι πολλές γραμματοσειρές των Windows 7 έχουν σχεδιαστεί για να γράφονται μόνο από τους περισσότερους ανθρώπους. Ρωσόφωνοι χρήστεςΔεν μπορείτε να κάνετε χωρίς το κυριλλικό αλφάβητο. Μερικές φορές μια ένδειξη υποστήριξης για το ρωσικό αλφάβητο περιέχεται απευθείας στο όνομα («rus», «kyr» είναι λέξεις-δείκτες), αλλά όχι πάντα. Και πάλι, θα σας βοηθήσει να προσδιορίσετε με ακρίβεια τη διαθεσιμότητα της μητρικής σας γλώσσας. προεπισκόπησημε διπλό κλικ.

Και τέλος, υπάρχουν αρκετές λεγόμενες συλλογές γραμματοσειρών. Αυτό είναι ένα αρχείο με δεκάδες ή και εκατοντάδες αρχεία. Δεν είναι πολύ συνετό να τα εγκαταστήσετε όλα χωρίς να κοιτάξετε - τυχόν σκουπίδια στους φακέλους του συστήματος επιβραδύνουν τον υπολογιστή με την πάροδο του χρόνου. Για παράδειγμα, σχεδίαση μικρογραφιών του φακέλου Fonts όταν μεγάλες ποσότητεςΗ εγκατάσταση γραμματοσειρών μπορεί να διαρκέσει αρκετά λεπτά. Η εξέταση κάθε αρχείου από ένα σύνολο πριν από την εγκατάσταση είναι επίσης δύσκολη. Ακόμη βέλτιστη λύσηθα κατεβάσει στον υπολογιστή μόνο αυτό που πραγματικά χρειάζεται.

Γενικές οδηγίες

Τα αρχεία γραμματοσειράς έχουν συνήθως την επέκταση .ttf, λιγότερο συχνά .otf ή .fnt. Αλλά είναι συχνά διαθέσιμα σε αρχειοθετημένη μορφή (επέκταση .zip, .rar, .7z, κ.λπ.) Οποιαδήποτε από τις μεθόδους που περιγράφονται παρακάτω προϋποθέτει ότι έχετε ήδη αποσυμπιέσει το αρχείο και έχετε εξαγάγει τις γραμματοσειρές από αυτό. Τα Windows 7 μπορούν να αποσυσκευάσουν τα αρχεία .zip. Για άλλους τύπους αρχείων, θα χρειαστείτε ένα ειδικό πρόγραμμα αρχειοθέτησης.

Επιπλέον, η εγκατάσταση μιας νέας γραμματοσειράς απαιτεί δικαιώματα διαχειριστή. Εάν δεν είστε διαχειριστής υπολογιστή και δεν γνωρίζετε κωδικό πρόσβασης διαχείρισης, τότε για να εκτελέσετε την εγκατάσταση θα πρέπει να επικοινωνήσετε με κάποιον που έχει τέτοια εξουσιοδότηση.

Εγκατάσταση μέσω μενού περιβάλλοντος

Αυτός είναι ίσως ο ευκολότερος τρόπος εγκατάστασης γραμματοσειρών στα Windows 7. Το λειτουργικό σύστημα αναγνωρίζει κατάλληλα αρχεία και προσθέτει ένα ειδικό στοιχείο σε αυτά. Το μόνο που χρειάζεται να κάνετε είναι να κάνετε κλικ στο επιλεγμένο αρχείο κάντε δεξί κλικποντίκι και επιλέξτε "Εγκατάσταση" από το μενού που εμφανίζεται. Εχει γίνει.

Εάν θέλετε να κάνετε προεπισκόπηση της γραμματοσειράς πριν την εγκατάσταση, θα πρέπει να κάνετε διπλό κλικ πάνω της. Το παράθυρο που ανοίγει θα εμφανίσει το περίγραμμα όλων των γραμμάτων. Θα υπάρχει επίσης ένα κουμπί "Εγκατάσταση" στο επάνω μέρος του παραθύρου. Αν σας άρεσε η γραφή, κάντε κλικ στο κουμπί.

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

Αντιγραφή γραμματοσειρών στο φάκελο συστήματος

Αυτή η επιλογή πρέπει να θεωρείται η πιο καθολική. Ο φάκελος Windows\Fonts υπήρχε στα λειτουργικά συστήματα της Microsoft από αμνημονεύτων χρόνων, επομένως αυτή η μέθοδος είναι εύκολη στη χρήση στα XP ή στα Windows 8, όπως και στα Windows 7.

Μπορείτε να εγκαταστήσετε γραμματοσειρές απλώς μεταφέροντας τα αντίστοιχα αρχεία στο φάκελο Fonts (ή αντιγράφοντας και στη συνέχεια επικολλώντας τα). Δεν χρειάζεται καν να αντιγράψετε αρχεία, αλλά απλώς να δημιουργήσετε συντομεύσεις σε αυτά.

Ταυτόχρονα, πρέπει να θυμόμαστε ότι ο φάκελος Fonts έχει τα χαρακτηριστικά "hidden" και "system". Για να μπείτε σε αυτό, θα χρειαστεί να το κάνετε φακέλους συστήματοςορατό μέσω των ρυθμίσεων στον Πίνακα Ελέγχου ή χρησιμοποιήστε διαχείριση αρχείων, το οποίο εμφανίζει όλα τα αντικείμενα στον υπολογιστή ανεξάρτητα από τα χαρακτηριστικά τους, σε αντίθεση με τον Explorer.

Εγκατάσταση μέσω "Πίνακα Ελέγχου"

Οι συστάσεις σχετικά με τον τρόπο εγκατάστασης γραμματοσειρών στα Windows 7 θα ήταν ελλιπείς χωρίς αναφορά ειδικό εργαλείογια να εργαστείτε μαζί τους στα Windows. Για να το χρησιμοποιήσετε, μεταβείτε στο μενού "Έναρξη", εκεί κάνουμε κλικ στο κουμπί "Πίνακας Ελέγχου". Στη συνέχεια, επιλέξτε το στοιχείο "Γραμματοσειρές" και εάν ο πίνακας έχει προβολή "Κατά κατηγορία", κάντε πρώτα κλικ στο "Σχεδίαση και εξατομίκευση" και μόνο στη συνέχεια "Γραμματοσειρές".

Το παράθυρο που ανοίγει θα είναι ο ίδιος φάκελος Fonts που γράψαμε παραπάνω. Επομένως, για να ολοκληρώσετε την εγκατάσταση, θα πρέπει να προχωρήσετε με τον ίδιο τρόπο: να σύρετε τα αρχεία με το ποντίκι, να τα αντιγράψετε και μετά να τα επικολλήσετε ή να δημιουργήσετε συντομεύσεις.

Γραμματοσειρά- Αυτό γραφική μορφήχαρακτήρες του αλφαβητικού συστήματος γραφής. Δηλαδή, η γραμματοσειρά δεν είναι τα ίδια τα γράμματα, αλλά το σχέδιό τους. Μπορεί να είναι τολμηρό, λοξό, επίμηκες, χειρόγραφο, τετράγωνο, στρογγυλεμένο και ό,τι άλλο μπορεί να είναι. Μην μπερδεύεστε με . Στην τελευταία περίπτωση, είναι ένα μέσο εφαρμογής γραμμάτων και επεξεργασίας τους.

Εγκατεστημένο στον υπολογιστή σας λειτουργικό σύστημα(OS), έχει ήδη ένα ολόκληρο οπλοστάσιο γραμματοσειρών. Αυτά είναι κυρίως αυτά που χρησιμοποιεί το ίδιο το λειτουργικό σύστημα για τον σχεδιασμό του, καθώς και μια σειρά από τυπικά που έχουν γίνει γενικά αποδεκτά, όπως οι Times New Roman και Arial. Εάν έχετε χρησιμοποιήσει οποιοδήποτε προϊόν από την Adobe, τότε θα εγκατασταθεί αυτόματα ένα μεγάλο σύνολο γραμματοσειρών από αυτήν την εταιρεία. Οποιεσδήποτε άλλες εφαρμογές υπολογιστή μπορούν επίσης να προσθέσουν στη βιβλιοθήκη γραμματοσειράς σας.

Ως αποτέλεσμα, αυτά που πρόσφερε το λειτουργικό σύστημα δεν είναι αρκετά, ειδικά όταν έχουμε να κάνουμε με το σχεδιασμό και τα γραφικά. Εδώ είστε, εάν εγκαταστήσατε το Photoshop, τότε αυτό σημαίνει ήδη ότι πρέπει να αναζητήσετε και να εγκαταστήσετε νέες γραμματοσειρές. Και τώρα θα σας διδάξω πώς να το κάνετε αυτό.

Όταν ψάχνετε για νέες γραμματοσειρές, είναι σημαντικό να βεβαιωθείτε ότι υποστηρίζουν Κυριλλικό αλφάβητο, δηλ. Ρωσική γλώσσα. Εδώ θα προκύψουν δυσκολίες και απογοητεύσεις, γιατί η κατάσταση είναι τέτοια που οι Ρωσόφωνοι είναι δεκάδες φορές λιγότεροι. Και μεταξύ των αγγλικών, υπάρχουν τόσο δροσερά που κάνουν το στόμα σας να βουρκώνει, αλλά δεν μπορούν να χρησιμοποιηθούν για κείμενο στη ρωσική γλώσσα.

Οδηγίες για την εγκατάσταση γραμματοσειρών

Γενικά, δεν είναι εγκατεστημένα σε ένα συγκεκριμένο πρόγραμμα. Για παράδειγμα, το Photoshop έχει πρόσβαση σε μια κοινόχρηστη βιβλιοθήκη γραμματοσειρών. Αυτό σημαίνει ότι αυτά που είναι εγκατεστημένα στο ίδιο το λειτουργικό σύστημα θα εμφανίζονται και στο Photoshop. Να γιατί το κύριο καθήκονμπορείτε να ανοίξετε τη βιβλιοθήκη και να προσθέσετε εκεί τις γραμματοσειρές που σας αρέσουν.

Ας υποθέσουμε ότι έχετε βρει το σωστό. Πρέπει να είναι σε μορφή otf ή ttf και να έχει τον ακόλουθο σχεδιασμό:

Λάβετε υπόψη ότι εάν υποστηρίζει το κυριλλικό αλφάβητο, τότε η προεπισκόπηση θα εμφανίσει τρία ρωσικά γράμματα "Abf". Μπορείτε επίσης να καταλάβετε από τα γράμματα πώς μοιάζει το περίγραμμά του.

Ορίστε λοιπόν πώς να εγκαταστήσετε:

1 ΒΗΜΑ

Κάντε δεξί κλικ στο αρχείο και επιλέξτε Αντιγραφή από το αναπτυσσόμενο μενού.

ΒΗΜΑ 2

Ανοίξτε τη βιβλιοθήκη γραμματοσειρών. Είναι στο φάκελο Windows - Γραμματοσειρές. Συνήθως γραμμή διεύθυνσηςμοιάζει με αυτό: C:\Windows\Fonts.

ΒΗΜΑ 3

Κάντε κλικ σε οποιοδήποτε ελεύθερος χώροςστα πλαίσια ανοιχτό παράθυροκάντε δεξί κλικ και επιλέξτε Εισαγωγή από την αναπτυσσόμενη λίστα. Θα ξεκινήσει μια σύντομη εγκατάσταση.

ΕΤΟΙΜΟΣ!

Όλα είναι εγκατεστημένα. Ανοίξτε οποιοδήποτε πρόγραμμα, είτε είναι Photoshop, είτε, για παράδειγμα, επεξεργαστής κειμένου. Το κύριο πράγμα είναι να θυμάστε το όνομα της γραμματοσειράς για να το βρείτε από τη λίστα.

Εάν παρατηρήσετε κάποιο σφάλμα στο κείμενο, επιλέξτε το και πατήστε Ctrl + Enter. Ευχαριστώ!

Μια επιλογή γραμματοσειρών από την Google. Ναι, δεν είναι πολύ μεγάλη σε σύγκριση με άλλες βιβλιοθήκες: υπάρχουν μόνο 888 οικογένειες. Αλλά θα είστε σίγουροι ότι όλες οι γραμματοσειρές διανέμονται με δωρεάν άδεια. Δηλαδή, μπορείτε να τα χρησιμοποιήσετε όπως θέλετε. Επιπλέον, υπάρχει πολύ βολικό σύστημαδιήθηση.

Ο μηχανισμός είναι κάπως ασαφής, κάτι που είναι περίεργο για ένα προϊόν της Google. Πρώτα πρέπει να επιλέξετε μία ή περισσότερες οικογένειες γραμματοσειρών κάνοντας κλικ στο +. Στη συνέχεια, ανοίξτε τον πίνακα που εμφανίζεται στο κάτω μέρος της οθόνης και κάντε κλικ στο κουμπί λήψης. Όλες οι επιλεγμένες γραμματοσειρές θα ληφθούν στο αρχείο.

Αυτή η συλλογή είναι πολύ πιο πλούσια: σε αυτήν μπορείτε να βρείτε περισσότερα από 36.000 δωρεάν γραμματοσειρές. Μπορούν να ταξινομηθούν ανά κατηγορία, επιλέγοντας, για παράδειγμα, στυλ ρετρό, φουτουριστικό ή με εθνική γεύση.

Στη σελίδα γραμματοσειράς αναγράφεται πώς μπορεί να χρησιμοποιηθεί: μόνο για προσωπικούς ή και για εμπορικούς σκοπούς.

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

Οι περισσότερες γραμματοσειρές είναι δωρεάν για χρήση για οποιονδήποτε σκοπό. Για κάποιους θα πρέπει να αγοράσετε μια εμπορική άδεια. Ωστόσο, με 20 $ μπορείτε να κατεβάσετε ολόκληρη τη συλλογή ταυτόχρονα.

Οι περισσότερες από τις γραμματοσειρές εδώ είναι δωρεάν για προσωπική και εμπορική χρήση. Εάν δεν υπάρχουν αρκετά, μεταβείτε στην ενότητα εκπτώσεων. Οι τιμές εκεί είναι πολύ χαμηλές.

Το φιλτράρισμα στο Font Squirrel είναι πολύ βολικό. Μπορείτε να ταξινομήσετε τις γραμματοσειρές κατά στυλ, γλώσσα, δημοτικότητα και καινούργια.

Επιπλέον, το Font Squirrel παρέχει μερικά βολικά και χρήσιμα εργαλεία: Webfont Generator για τη δημιουργία των δικών σας γραμματοσειρών Ιστού και του Font Identifier, το οποίο μπορεί να αναγνωρίζει γραμματοσειρές στις εικόνες που ανεβάζετε και να βρίσκει πανομοιότυπες στη βιβλιοθήκη Font Squirrel.

Το FontStruct είναι ένα βολικό διαδικτυακό εργαλείο για τη δημιουργία γραμματοσειρών TrueType. Για αυτό υπάρχει οπτικός επεξεργαστής, που είναι εύκολα κατανοητό.

Επιπλέον, υπάρχει μια γκαλερί με περισσότερες από 47.000 γραμματοσειρές από χρήστες της πλατφόρμας. Αυτές οι γραμματοσειρές είναι ελεύθερα διαθέσιμες και μπορείτε να τις χρησιμοποιήσετε όπως θέλετε. Συμπεριλαμβανομένου ως βάση για τη δική σας.

Οι περισσότερες από τις γραμματοσειρές που παρουσιάζονται εδώ είναι αρκετά υπερβολικές.

Μια άλλη δημοφιλής συλλογή από 3.500 δωρεάν γραμματοσειρές. Τα περισσότερα από αυτά προορίζονται μόνο για προσωπική χρήση.

Ένα ωραίο χαρακτηριστικό του DaFont είναι το σύστημα κατηγοριών του. Μπορείτε να επιλέξετε γραμματοσειρές σε στυλ , βιντεοπαιχνίδια, vintage ή στυλιζαρισμένους ιαπωνικούς χαρακτήρες.

Μεγάλη συλλογή από διαφορετικές γραμματοσειρές. Επιλέξτε οποιοδήποτε και θα δείτε μια σελίδα με λεπτομερείς πληροφορίεςγια αυτόν.

Υπάρχουν πολλές δωρεάν γραμματοσειρές, επισημαίνονται σε ειδική ενότητα. Υπάρχουν επίσης πολλά εμπορικά, και πάντα υπάρχουν εκπτώσεις σε αυτά.

Το σύστημα ταξινόμησης στα Urban Fonts είναι αρκετά ευέλικτο και βολικό.

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

Το μόνο αρνητικό είναι ότι δεν είναι τόσο εύκολο να βρεις γραμματοσειρές με κυριλλικά γράμματα σε όλη αυτή την ποικιλία. Και όλα αυτά επειδή δεν υπάρχει φιλτράρισμα ανά γλώσσα.

Το Fontspring πουλά ακριβές γραμματοσειρές για εμπορική χρήση. Αλλά σχεδόν σε κάθε οικογένεια υπάρχουν 1-2 δωρεάν γραμματοσειρές που μπορούν να χρησιμοποιηθούν για προσωπικούς σκοπούς. Επιπλέον, υπάρχει ξεχωριστή ενότητα με δωρεάν γραμματοσειρές.

Η συλλογή είναι πολύ πλούσια. Αλλά θα πρέπει να μελετήσετε προσεκτικά τις πληροφορίες άδειας χρήσης για μια συγκεκριμένη γραμματοσειρά πριν από τη λήψη.

Μια γρήγορη αναζήτηση στο Behance για δωρεάν γραμματοσειρά φέρνει στο φως πολλές ενδιαφέρουσες γραμματοσειρές σχεδιαστών. Τα περισσότερα από αυτά μπορούν να ληφθούν δωρεάν.

Μια επιλογή από 7.500 γραμματοσειρές με ασυνήθιστα στυλ. Όπως υποδηλώνει το όνομα του ιστότοπου, φαίνονται όξινα.

Δυστυχώς, η συλλογή δεν έχει ενημερωθεί για πολύ καιρό. Αλλά ίσως βρείτε αυτό που χρειάζεστε εδώ.

Αυτός ο ιστότοπος περιέχει περίπου 9.000 δωρεάν και πάνω από 125.000 επί πληρωμή γραμματοσειρές από 400 σχεδιαστές. Για 9 $ μπορείτε να κατεβάσετε ένα αρχείο με 5.000 γραμματοσειρές.

Είναι αλήθεια ότι η διεπαφή, φυσικά, προήλθε από το παρελθόν.

Μια πλατφόρμα όπου πωλούν γραμματοσειρές, διανύσματα και άλλα gizmos για σχεδιαστές. Οι γραμματοσειρές εδώ είναι πολύ υψηλής ποιότητας - φυσικά, γιατί δεν είναι φθηνές.

Αλλά κάθε εβδομάδα, το Creative Market προσφέρει μερικές δωρεάν λήψεις. Και μεταξύ αυτών είναι μια γραμματοσειρά.

Υπάρχουν περισσότερες από 1.000 δωρεάν γραμματοσειρές που συλλέγονται εδώ. Είναι αλήθεια ότι δεν υπάρχουν αρκετά κυριλλικά ανάμεσά τους.

Στο Fontasy φιλική προς το χρήστη διεπαφήκαι αρκετά μεγάλη επιλογήστυλ. Εάν θέλετε να χρησιμοποιήσετε τις γραμματοσειρές που δημοσιεύονται εδώ για εμπορικούς σκοπούς, ζητήστε την άδεια από τους δημιουργούς τους.

Μικρό, αλλά όμορφη συλλογήγραμματοσειρές, που φιλοξενούνται στο GitHub. Όλες οι γραμματοσειρές μπορούν να χρησιμοποιηθούν τόσο για προσωπικούς όσο και για εμπορικούς σκοπούς.