Ενσωμάτωση γραμματοσειρών Google σε ιστότοπο WordPress

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

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

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

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

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

• Serif – Πρόκειται για γραμματοσειρές με σύντομες γραμμές που προέρχονται από τις πάνω και κάτω πινελιές ενός γράμματος. Οι Times New Roman και ο Sylfaen είναι καλά παραδείγματα.
• Sans Serif - Όπως υποδηλώνει το όνομα, αυτές είναι γραμματοσειρές χωρίς αυτές τις μικρές γραμμές. Τείνουν να έχουν απλή και καθαρή αισθητική.
• Εμφάνιση – Αυτές είναι που μπορούν να ονομαστούν γραμματοσειρές που τραβούν την προσοχή. Είναι καλύτερα για επικεφαλίδες και όχι για μεγάλο κείμενο.
• Χειρόγραφο – Αυτές οι γραμματοσειρές κάνουν να φαίνεται ότι κάποιος τις έγραψε με το χέρι. Θα διαπιστώσετε ότι πολλοί είναι σε γράμματα ή έχουν λιγότερο συνεπή απόσταση.
• Monospace – Όπως μια γραφομηχανή, τα γράμματά τους καταλαμβάνουν το ίδιο οριζόντιο πλάτος. Απέχουν πολύ σταθερά.

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

Ενσωμάτωση γραμματοσειρών στο WordPress

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

Χρησιμοποιώντας CSS

Κάντε κλικ στη Γραμματοσειρά από την επιλογή της Google και θα σας μεταφέρει στη λεπτομερή σελίδα γραμματοσειράς. Στην επάνω δεξιά γωνία, υπάρχει το σύμβολο «+». Κάντε κλικ σε αυτό και θα ανοίξει ένα πλευρικό παράθυρο. Κάντε κλικ στο «Ενσωμάτωση».

Τώρα μπορείτε να κάνετε κλικ στο @import. Αυτό θα ανοίξει τον κώδικα CSS που πρέπει να αντιγράψετε. Μεταβείτε στο φύλλο στυλ του θέματος WordPress και επικολλήστε το στην αρχή. Βεβαιωθείτε ότι έχετε αντιγράψει τον σύνδεσμο εισαγωγής χωρίς το