Μια γραμματοσειρά μπορεί συχνά να δημιουργήσει ή να καταστρέψει έναν ιστότοπο. Οι γραμματοσειρές παίζουν σημαντικό ρόλο στην οπτική ελκυστικότητα ενός ιστότοπου και η επιλογή της σωστής γραμματοσειράς μπορεί να συμβάλει σημαντικά στο να γίνει ένας ιστότοπος πιο ελκυστικός για τους χρήστες σας. Υπάρχουν πολλά πράγματα που πρέπει να λάβετε υπόψη κατά την επιλογή μιας γραμματοσειράς για τον ιστότοπό σας, συμπεριλαμβανομένης της αναγνωσιμότητας και της οπτικής έκκλησης. Είναι επίσης σημαντικό να επιλέξετε μια γραμματοσειρά ασφαλή για το web, ώστε να λειτουργεί καλά σε όλες τις συσκευές, τα προγράμματα περιήγησης και τα λειτουργικά συστήματα.
5 τύποι γραμματοσειρών web
Οι γραμματοσειρές ταξινομούνται γενικά σε πέντε κατηγορίες. Όλα έχουν ιδιαίτερα χαρακτηριστικά και χρησιμοποιούνται για διαφορετικούς σκοπούς. Οι πέντε κατηγορίες είναι Σερίφ, Σανς-σερίφ, Μονοδιάστημα, Cursive και Φαντασία.
Σερίφ
Οι γραμματοσειρές Serif αναγνωρίζονται από τις μικρές επιπλέον πινελιές στις άκρες των γραμμάτων. Οι γραμματοσειρές Serif χρησιμοποιούνται συχνά σε ιστότοπους επειδή είναι εξαιρετικά ευανάγνωστες. Φαίνονται επίσης επίσημα και χρησιμοποιούνται στην ακαδημαϊκή γραφή, τα έντυπα μέσα κ.λπ. Μερικές από τις πιο ευρέως χρησιμοποιούμενες γραμματοσειρές Serif είναι οι Times New Roman, Κάμπρια και Γκαράμοντ.
Σανς-σερίφ
Οι γραμματοσειρές Sans-serif δεν έχουν τα πρόσθετα περιγράμματα που προστίθενται στις γραμματοσειρές Serif. Οι γραμματοσειρές αυτής της οικογένειας έχουν μια μινιμαλιστική αίσθηση και μεγάλα διαστήματα μεταξύ των γραμμάτων, γεγονός που τις καθιστά εξαιρετικά ευανάγνωστες γραμματοσειρές. Χρησιμοποιούνται συχνά για έντυπο και ψηφιακό περιεχόμενο.
Μονοδιάστημα
Οι γραμματοσειρές Monospace έχουν πολύ διακριτικά, μεγάλα διαστήματα μεταξύ των γραμμάτων, δίνοντάς τους μια πολύ καθαρή εμφάνιση. Συχνά συνδέονται με γραφομηχανές και τερματικά υπολογιστών, επειδή εκεί τα συναντούν οι χρήστες πιο συχνά. Η Courier είναι μία από τις πιο ευρέως χρησιμοποιούμενες γραμματοσειρές Monospace.
Καλλιγραφικά
Όπως υποδηλώνει το όνομα, οι γραμματοσειρές Cursive μιμούνται το χειρόγραφο, με τα γράμματα να αλληλοσυνδέονται με ρέοντα τρόπο. Οι γραμματοσειρές Cursive σπάνια χρησιμοποιούνται σε μπλοκ κειμένου επειδή μπορεί να είναι δυσανάγνωστες. Αντ “αυτού, χρησιμοποιούνται συχνότερα για αναρτήσεις τίτλων ιστολογίου και κεφαλίδες.
Φαντασία
Οι γραμματοσειρές φαντασίας έχουν μια πολύ ξεχωριστή, δημιουργική εμφάνιση. Είναι πολύ διακοσμητικά, γεγονός που τα καθιστά καλά για τίτλους ταινιών (π.χ. Χάρι Πότερ), τίτλους μυθιστορημάτων, βιντεοπαιχνίδια κ.λπ.
Γραμματοσειρές HTML
Μπορείτε να βρείτε 20 γραμματοσειρές ασφαλείς για το web που μπορείτε να χρησιμοποιήσετε για τον ιστότοπό σας παρακάτω.
Αριάλ
Το Arial ανήκει στην κατηγορία γραμματοσειρών Sans-serif. Είναι μια κλασική γραμματοσειρά που είναι ως επί το πλείστον κατάλληλη για όλους τους ιστότοπους. Είναι μια πολύ μινιμαλιστική γραμματοσειρά με καθαρή εμφάνιση. Είναι εύκολο να διαβαστεί, γι “αυτό χρησιμοποιείται συχνά σε έντυπα μέσα όπως εφημερίδες. Δεν μπορείτε να κάνετε λάθος με το Arial, οπότε αν ψάχνετε για μια γραμματοσειρά που θα δώσει στον ιστότοπό σας μια καθαρή και γυαλισμένη εμφάνιση, αυτή είναι μια καλή επιλογή.
Στενό Αριάλ
Το Arial Narrow είναι ένα στυλ της οικογένειας γραμματοσειρών Arial. Όπως υποδηλώνει το όνομα, η γραμματοσειρά φαίνεται στενή, όπως τα γράμματα ωθήθηκαν μαζί. Έχει μια αρκετά μινιμαλιστική εμφάνιση, γεγονός που το καθιστά μια καλή επιλογή για ιστότοπους που χρειάζονται μια απλή, γυαλισμένη εμφάνιση.
Φορές
Το Times είναι μια άλλη κλασική γραμματοσειρά που έγινε γρήγορα η προεπιλεγμένη γραμματοσειρά για έντυπα μέσα και ακαδημαϊκή γραφή. Αυτή είναι μια από τις γραμματοσειρές που οι περισσότεροι άνθρωποι έχουν συνηθίσει να βλέπουν, οπότε είναι μια καλή επιλογή εάν θέλετε ο ιστότοπός σας να έχει ένα οικείο συναίσθημα. Είναι επίσης μια εξαιρετική γραμματοσειρά για ιστότοπους που έχουν πολύ κείμενο (π.χ. ιστολόγια).
Χρόνοι Νέοι Ρωμαίοι
Οι Χρόνοι Νέοι Ρωμαίοι είναι μια παραλλαγή της γραμματοσειράς Times. Είναι ίσως η πιο ευρέως χρησιμοποιούμενη γραμματοσειρά συνολικά, επειδή είναι αποδεκτή ως η προεπιλεγμένη γραμματοσειρά για ακαδημαϊκή γραφή και έντυπα μέσα. Είναι μια καλή επιλογή εάν θέλετε ο ιστότοπός σας να φαίνεται επαγγελματικός και γυαλισμένος.
Ελβετίκα
Η Helvetica είναι μια ευρέως χρησιμοποιούμενη γραμματοσειρά sans-serif. Μπορεί να αναγνωρίσετε ότι χρησιμοποιείται για εμπορικά λεκτικά σήματα για δημοφιλείς μάρκες όπως Κολύμβηση ενηλίκων, Panasonic, Skype, Verizon και Funimation. Χρησιμοποιείται επίσης συχνά για προειδοποιήσεις για την υγεία σε προϊόντα καπνού στην ΕΕ, καθώς και για ομοσπονδιακά έντυπα φόρου εισοδήματος στις ΗΠΑ. Η Helvetica είναι μια πολύ ευέλικτη γραμματοσειρά που έχει καθαρή εμφάνιση. Είναι κατάλληλο για όλα τα είδη ιστότοπων.
Κούριερ
Ο Courier έχει μια πολύ ξεχωριστή εμφάνιση, με μεγάλα κενά μεταξύ των γραμμάτων. Το Courier είναι μια εξαιρετική επιλογή εάν ο ιστότοπός σας σχετίζεται με ταινίες, επειδή είναι η προεπιλεγμένη γραμματοσειρά για σενάρια ταινιών. Ωστόσο, δεν χρησιμοποιείται γενικά για μεγάλα κομμάτια κειμένου. Χρησιμοποιείται καλύτερα για τίτλους σε ιστότοπους, καθώς είναι πιο διακοσμητικό από οτιδήποτε άλλο.
Κούριερ Νέο
Το Courier Now είναι σαν μια λεπτότερη έκδοση της γραμματοσειράς Courier. Μπορείτε να το αναγνωρίσετε ως την προεπιλεγμένη γραμματοσειρά συστήματος σε ηλεκτρονικές συσκευές.
Καντάρα
Το Candara ταξινομείται ως ανθρωπιστική γραμματοσειρά sans-serif και κυκλοφόρησε αρχικά με τα Windows Vista. Είναι μέρος της συλλογής γραμματοσειρών ClearType της Microsoft.
Είναι μια σαφής, εξαιρετικά ευανάγνωστη γραμματοσειρά, η οποία την καθιστά ιδανική για οθόνες και τίτλους αναρτήσεων ιστολογίου. Ωστόσο, έχει μια αίσθηση παλιάς σχολής σε αυτό.
Βερντάνα
Η Βερντάνα είναι μια γραμματοσειρά χωρίς σερίφ. Είναι μια πολύ σαφής, ευανάγνωστη γραμματοσειρά με μεγάλα κενά μεταξύ των γραμμάτων. Η γραμματοσειρά χρησιμοποιήθηκε από τον σκανδιναβικό γίγαντα επίπλων IKEA για χρόνια, αλλά πρόσφατα άλλαξε σε άλλο.
Είναι μια καλή γραμματοσειρά τόσο για μεγάλα μπλοκ κειμένου όσο και για τίτλους. Εάν πρέπει να βάλετε πολύ κείμενο σε ένα μικρό χώρο, το Verdana είναι μια καλή επιλογή επειδή εξακολουθεί να είναι πολύ ευανάγνωστο όταν είναι σε μικρό μέγεθος.
Κάλιμπρι
Το Calibri είναι μια γραμματοσειρά sans-serif. Αυτή τη στιγμή είναι η προεπιλεγμένη οικογένεια γραμματοσειρών του Microsoft Office και άλλου λογισμικού της Microsoft και είναι από το 2007, αν και η Microsoft σχεδιάζει να την αλλάξει. Το Calibri έχει μια μοντέρνα εμφάνιση με ζεστή αίσθηση λόγω των στρογγυλεμένων γραμμών. Είναι κατάλληλο για πολλά μεγέθη κειμένου λόγω της αναγνωσιμότητάς του. Επειδή έχει καθαρή εμφάνιση, μπορεί να χρησιμοποιηθεί για όλους τους τύπους ιστότοπων.
Οπτίμα
Το Optima είναι μια γραμματοσειρά sans-serif. Έχει καθαρή εμφάνιση με κλασική αλλά κομψή αίσθηση. Χρησιμοποιείται από ορισμένες μάρκες υψηλών προδιαγραφών όπως η Marks και η Spencer.
είναι μια πολύ ευέλικτη γραμματοσειρά που ταιριάζει ιδιαίτερα σε αναρτήσεις ιστολογίου, βιβλία και σελίδες προορισμού.
Κάμπρια
Η Καμπρία είναι μια γραμματοσειρά σερίφ. Έχει μια πολύ μοντέρνα αίσθηση και οι οριζόντιες σερίφες το καθιστούν μια πολύ σαφή, ευανάγνωστη γραμματοσειρά. Είναι επίσης αρκετά ευέλικτο και είναι υπέροχο αν πρέπει να τοποθετήσετε μεγάλα μπλοκ κειμένου σε μικρούς χώρους.
Περπέτουα
Η Perpetua είναι μια οικογένεια γραμματοσειρών serif. Είναι επίσημο και κομψό με κλασική εμφάνιση. Το Perpetua είναι μια δημοφιλής επιλογή για εκτύπωση λεπτών βιβλίων και έχει μια δημιουργική αίσθηση σε αυτό. Είναι επίσης μια καλή γραμματοσειρά για εκπαιδευτικά και ενημερωτικά κείμενα.
Γκαράμοντ
Το Garamond είναι μια γραμματοσειρά σερίφ. Έχει μια αίσθηση αντίκας σε αυτό, και μπορείτε να το αναγνωρίσετε από έντυπα βιβλία όπως ο Χάρι Πότερ. Είναι μια κοινή επιλογή γραμματοσειράς για έντυπα βιβλία και ψηφιακές οθόνες.
Ντιντό
Το Didot είναι μια γραμματοσειρά serif. Έχει κλασικό σχεδιασμό που δεν φαίνεται ξεπερασμένο. Έχει μια επίσημη, αισθητικά ευχάριστη εμφάνιση, οπότε είναι μια καλή επιλογή γραμματοσειράς για κεφαλίδες και ετικέτες. Χρησιμοποιείται επίσης συχνά για λογότυπα. Η Didot χρησιμοποιήθηκε για το λογότυπο του CBC News στο παρελθόν. Είναι επίσης η γραμματοσειρά που χρησιμοποιείται στο τρέχον λογότυπο για το The Late Show με τον Stephen Colbert.
Σενάριο βούρτσας
Το Brush Script είναι μια γραμματοσειρά που μιμείται χειρόγραφες πινελιές. Αισθάνεται περιστασιακό / ανεπίσημο και πρέπει να χρησιμοποιείται με φειδώ. Είναι μια καλή γραμματοσειρά για αφίσες, αναδυόμενα παράθυρα και σελίδες προορισμού. Αλλά θα πρέπει να αποφεύγεται σε ιστότοπους σε μεγάλα μπλοκ κειμένου, καθώς γίνεται δύσκολο να διαβαστεί, ειδικά όταν είναι σε μικρό μέγεθος κειμένου.
Λουτσίντα Μπράιτ
Η Λουσίντα Μπράιτ είναι μια γραμματοσειρά σερίφ. Φαίνεται επίσημο και καθαρό, γι “αυτό είναι μια καλή επιλογή για επίσημη τεκμηρίωση, περιοδικά, ακόμη και επιχειρηματικές αναφορές.
Μονακό
Το Μονακό είναι μια μονοδιάστατη γραμματοσειρά sans-serif που χρησιμοποιείται συχνά στο macOS. Ενώ είναι μια πολύ απλή γραμματοσειρά, ξεχωρίζει επίσης. Είναι μια καλή επιλογή για σελίδες προορισμού, αναδυόμενα παράθυρα κ.λπ., ειδικά όταν θέλετε να τραβήξετε την προσοχή.
Χάλκινη πλάκα
Η χάλκινη πλάκα είναι μια μονότονη γραμματοσειρά και χρησιμοποιεί μόνο κεφαλαία γράμματα. Είναι μια εξαιρετική επιλογή για κεφαλίδες και τίτλους σε ιστότοπους, αλλά χρησιμοποιείται επίσης συχνά για επαγγελματικές κάρτες. Η γραμματοσειρά εμφανίστηκε σε μεγάλο βαθμό στην εκπομπή Ποιος θέλει να γίνει εκατομμυριούχος.
Μπράντλεϊ Χαντ
Το Bradey Hand είναι μια γραμματοσειρά που μοιάζει με χειρόγραφο. Είναι μια καλή επιλογή για διακοσμητικό κείμενο για διαφήμιση και επωνυμία, αλλά πρέπει να χρησιμοποιείται με φειδώ. Έχει μια απλή και πιο προσωπική αίσθηση, οπότε είναι μια καλή επιλογή όταν θέλετε να δημιουργήσετε μια πιο ζεστή αίσθηση.
Πώς να προσθέσετε γραμματοσειρές HTML
Μπορείτε να προσθέσετε γραμματοσειρές HTML στον ιστότοπό σας στο WordPress είτε χειροκίνητα είτε χρησιμοποιώντας προσθήκες.
Μη αυτόματη προσθήκη γραμματοσειρών HTML
Είναι γενικά ευκολότερο και γρηγορότερο στη χρήση προσθηκών, αλλά εάν δεν θέλετε να προσθέσετε ακόμη περισσότερα πρόσθετα στον ιστότοπό σας στο WordPress, μπορείτε να προσθέσετε γραμματοσειρές HTML με μη αυτόματο τρόπο.
- Κατεβάστε τη γραμματοσειρά της επιλογής σας από μια υπηρεσία παροχής γραμματοσειρών ιστού.
- Μετατρέψτε τη γραμματοσειρά σε φιλική προς το διαδίκτυο μορφή χρησιμοποιώντας το εργαλείο Webfont Generator.
- Κατεβάστε τη γραμματοσειρά που μετατράπηκε και ανεβάστε την στον κατάλογο wp-content/themes/your-theme/fonts.
Προσθήκη γραμματοσειρών HTML χρησιμοποιώντας πρόσθετα
Η χρήση προσθηκών για την προσθήκη γραμματοσειρών είναι πολύ πιο εύκολη, ειδικά αν δεν έχετε μεγάλη εμπειρία με το να το κάνετε χειροκίνητα. Υπάρχουν πολλά πρόσθετα γραμματοσειράς HTML που μπορείτε να προσθέσετε στον ιστότοπό σας στο WordPress.
Μπορείτε να εγκαταστήσετε πρόσθετα WordPress με μερικούς τρόπους και δεν είναι δύσκολο. Δείτε πώς μπορείτε να εγκαταστήσετε προσθήκες μέσω της οθόνης διαχειριστή του WordPress:
- Πρόσθετα -> Προσθήκη νέου.
- Χρησιμοποιώντας τη συλλογή προσθηκών ή τη λειτουργία αναζήτησης, βρείτε τα πρόσθετα που θέλετε να χρησιμοποιήσετε και κάντε κλικ στην επιλογή Εγκατάσταση τώρα.
- Μόλις εγκατασταθεί η προσθήκη, πρέπει να πατήσετε Ενεργοποίηση για να την ενεργοποιήσετε.
Είναι επίσης δυνατό να εγκαταστήσετε πρόσθετα WordPress που αποκτήσατε από πηγές τρίτων. Ωστόσο, πρέπει να είστε πολύ προσεκτικοί σχετικά με τα πρόσθετα που εγκαθιστάτε και από πού τα κατεβάζετε, επειδή οι κακόβουλοι ηθοποιοί συχνά προσπαθούν να χρησιμοποιήσουν προσθήκες για να ανεβάσουν κακόβουλο κώδικα σε ιστότοπους. Κατεβάστε μόνο αξιόπιστα πρόσθετα από αξιόπιστες πηγές. Για να προσθέσετε μια προσθήκη που κατεβάσατε από πηγή τρίτου μέρους, ακολουθήστε τις παρακάτω οδηγίες:
- Κατεβάστε το αρχείο ZIP του plugin από μια αξιόπιστη πηγή.
- Πρόσθετα -> Προσθήκη νέου -> Προσθήκη μεταφόρτωσης.
- Σύρετε το αρχείο ZIP ή ανεβάστε το.
- Κάντε κλικ στην επιλογή Εγκατάσταση τώρα.
- Κάντε κλικ στην επιλογή Ενεργοποίηση προσθήκης.