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

Ενσωμάτωση γραμματοσειρών 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 και επικολλήστε το στην αρχή. Βεβαιωθείτε ότι έχετε αντιγράψει τον σύνδεσμο εισαγωγής χωρίς το 


Πώς να αναγκάσετε το Google Chrome να εμφανίζει πάντα πλήρεις διευθύνσεις URL

Πώς να αναγκάσετε το Google Chrome να εμφανίζει πάντα πλήρεις διευθύνσεις URL

Το Chrome, από προεπιλογή, δεν σας εμφανίζει την πλήρη διεύθυνση URL. Μπορεί να μην σας ενδιαφέρει πάρα πολύ αυτή η λεπτομέρεια, αλλά αν για κάποιο λόγο χρειάζεστε να εμφανίζεται η πλήρης διεύθυνση URL, Λεπτομερείς οδηγίες για το πώς να κάνετε το Google Chrome να εμφανίζει την πλήρη διεύθυνση URL στη γραμμή διευθύνσεων.

Πώς να επιστρέψετε στο Reddit

Πώς να επιστρέψετε στο Reddit

Το Reddit άλλαξε τον σχεδιασμό του για άλλη μια φορά τον Ιανουάριο του 2024. Ο επανασχεδιασμός μπορεί να δει από τους χρήστες του προγράμματος περιήγησης για επιτραπέζιους υπολογιστές και περιορίζει την κύρια ροή παρέχοντας συνδέσμους

Πώς να αντιγράψετε περιεχόμενο από σχολικά βιβλία με το Google Lens

Πώς να αντιγράψετε περιεχόμενο από σχολικά βιβλία με το Google Lens

Η πληκτρολόγηση του αγαπημένου σας αποσπάσματος από το βιβλίο σας στο Facebook είναι χρονοβόρα και γεμάτη λάθη. Μάθετε πώς να χρησιμοποιείτε το Google Lens για να αντιγράφετε κείμενο από βιβλία στις συσκευές σας.

Γρήγορος οδηγός σχετικά με τον τρόπο δημιουργίας υπενθυμίσεων στο Google Home

Γρήγορος οδηγός σχετικά με τον τρόπο δημιουργίας υπενθυμίσεων στο Google Home

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

Διορθώστε τη διεύθυνση DNS διακομιστή Δεν ήταν δυνατή η εύρεση στο Chrome

Διορθώστε τη διεύθυνση DNS διακομιστή Δεν ήταν δυνατή η εύρεση στο Chrome

Μερικές φορές, όταν εργάζεστε στο Chrome, δεν μπορείτε να αποκτήσετε πρόσβαση σε συγκεκριμένους ιστότοπους και εμφανίζεται το σφάλμα "Διόρθωση διεύθυνσης DNS διακομιστή δεν βρέθηκε στο Chrome". Εδώ είναι πώς μπορείτε να επιλύσετε το πρόβλημα.

Netflix: Αλλαγή κωδικού πρόσβασης

Netflix: Αλλαγή κωδικού πρόσβασης

Πώς να αλλάξετε τον κωδικό πρόσβασής σας στην υπηρεσία ροής βίντεο Netflix χρησιμοποιώντας το πρόγραμμα περιήγησης ή την εφαρμογή Android που προτιμάτε.

Πώς να απενεργοποιήσετε την προτροπή επαναφοράς σελίδων στον Microsoft Edge

Πώς να απενεργοποιήσετε την προτροπή επαναφοράς σελίδων στον Microsoft Edge

Εάν θέλετε να απαλλαγείτε από το μήνυμα Επαναφορά σελίδων στον Microsoft Edge, απλώς κλείστε το πρόγραμμα περιήγησης ή πατήστε το πλήκτρο Escape.

Τι είναι το Deep Linking;

Τι είναι το Deep Linking;

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

Τι είναι το AR Cloud;

Τι είναι το AR Cloud;

Το AR είναι το επόμενο μεγάλο πράγμα του Διαδικτύου για ψυχαγωγία, εργασία ή επιχείρηση. Μάθετε το cloud AR με λεπτομέρειες για να γίνετε ενημερωμένος χρήστης.

Πώς να χρησιμοποιήσετε το Microsoft Edge Drop σαν επαγγελματίας

Πώς να χρησιμοποιήσετε το Microsoft Edge Drop σαν επαγγελματίας

Χρησιμοποιήστε το Microsoft Edge Drop και μοιραστείτε εύκολα αρχεία και μηνύματα μεταξύ συσκευών ακολουθώντας αυτά τα βήματα που είναι φιλικά για αρχάριους.