Spruce Up Website σας με αυτές τις 12 ωραίες γραμματοσειρές Google Web

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

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

Κατά τη διάρκεια της τελευταίας δεκαετίας, έχω ξεκινήσει μια σειρά από προσωπικά blogs 10 Βασικά πρώτα βήματα κατά την εκκίνηση ενός Wordpress Blog 10 βασικά πρώτα βήματα κατά την εκκίνηση ενός Wordpress Blog Έχοντας δημιουργήσει αρκετά blogs, θα ήθελα να πιστεύω ότι έχω μια καλή για τα βασικά πρώτα βήματα και ελπίζω ότι μπορεί να σας βοηθήσει και εσείς. Ακολουθώντας ... Διαβάστε περισσότερα που ποτέ δεν συνέχισα με, αλλά μερικές από τις πιο μυστηριώδεις αναμνήσεις μου στηρίζονται στη σχεδίαση θέμα και tweaks γραμματοσειράς. Υπάρχει κάτι που ικανοποιεί όταν βρίσκετε ότι το τέλειο ταίρι των γραμματοσειρών για την ιστοσελίδα σας και τα πάντα πέφτουν σε ισχύ. Ευτυχώς, με τις Γραμματοσειρές Google Web, αυτή η όλη διαδικασία δεν ήταν ποτέ ευκολότερη.

Ποιες Γραμματοσειρές Google Web θα πρέπει να χρησιμοποιείτε; Λοιπόν, μπορείτε να χρησιμοποιήσετε οποιαδήποτε από τις γραμματοσειρές στον κατάλογο γραμματοσειρών Google Web, ο οποίος σήμερα φιλοξενεί πάνω από 600 διαφορετικές γραμματοσειρές - και ο αριθμός αυτός συνεχίζει να αυξάνεται. Αλλά ορισμένες γραμματοσειρές έχουν αποδειχθεί, ξανά και ξανά, όσο πιο ευχάριστες για το μάτι και πιο ευανάγνωστες από άλλες. Συνεχίστε να διαβάζετε για να μάθετε ποιες είναι αυτές οι γραμματοσειρές.

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

Τι είναι οι γραμματοσειρές Web της Google;

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

Εάν χρησιμοποιείτε το WordPress, κάποια θέματα (ειδικά τα νεότερα) έρχονται εξοπλισμένα με υποστήριξη για τις γραμματοσειρές Web του Google στις επιλογές θεμάτων. Για άλλους δικτυακούς τόπους, ο James έχει γράψει έναν σπουδαίο οδηγό σχετικά με τον τρόπο χρήσης των γραμματοσειρών Google Web Πώς να χρησιμοποιήσετε τις γραμματοσειρές Google στο επόμενο πρόγραμμα Web & Γιατί θα έπρεπε να χρησιμοποιήσετε τις γραμματοσειρές Google στο επόμενο πρόγραμμα Web & μια ολοκληρωμένη απόφαση σχεδιασμού σε οποιονδήποτε ιστότοπο, αλλά τις περισσότερες φορές είμαστε ικανοποιημένοι με την ίδια παλιά οικογένεια serif και sans-serif. Ενώ το κύριο σώμα του κειμένου πρέπει πάντα να είναι κάτι ... Διαβάστε περισσότερα για τον ιστοχώρο σας. Εάν έχετε οποιαδήποτε εμπειρία διαχείρισης ιστοτόπων, αυτή η διαδικασία θα πρέπει να είναι τόσο εύκολη όσο και η τούρτα για σας.

Οι γραμματοσειρές Google Web μπορούν επίσης να χρησιμοποιηθούν με άλλους τρόπους, όπως μέσω της γραμματοσειράς Changer Extension Font Changer Με τις γραμματοσειρές Google Web: Αλλάξτε εύκολα τη γραμματοσειρά οποιουδήποτε ιστοτόπου [Chrome] Font Changer Με τις γραμματοσειρές Google Web: Αλλάξτε εύκολα τη γραμματοσειρά οποιουδήποτε ιστοτόπου [Chrome] Διαβάστε περισσότερα. Εάν ένας συγκεκριμένος ιστότοπος δεν σας φαίνεται πολύ καλός - ή ακόμα και προσβάλλει την αίσθηση γραφικών προτύπων - τότε μπορείτε να χρησιμοποιήσετε τις Γραμματοσειρές Google Web για να αλλάξετε με μη αυτόματο τρόπο τον τρόπο εμφάνισης ενός ιστότοπου στο τέλος σας. Πόσο δροσερό είναι αυτό;

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

Γραμματοσειρές Serif είναι αυτές που έχουν ελάχιστα τσιμπούρια, εγκεφαλικά επεισόδια ή πόδια στο τέλος των γραμμάτων και των συμβόλων. Σκεφτείτε τα είδη των γραμματοσειρών που θα βρείτε σε ένα τυπωμένο βιβλίο, μια εφημερίδα, ένα τεύχος κτλ. Συνολικά, είναι πιο επίσημες από τις γραμματοσειρές sans-serif (οι οποίες καλύπτονται στο δεύτερο μέρος αυτού του άρθρου) και θεωρούνται γενικά ευκολότερο να διαβαστούν, αν και αυτό είναι αμφισβητήσιμο.

serif-droid-serif

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

serif-pt-serif

PT Serif: Αν και είναι εδώ και μερικά χρόνια, η PT οικογένεια γραμματοσειρών είναι καινούργια για μένα - και μου αρέσει. Τώρα το χρησιμοποιώ για σχεδόν όλους τους συντάκτες κειμένων μου, είτε πρόκειται για Microsoft Word, Scrivener, είτε για επεξεργασία ιστολογίων. Είναι κομψό και μοντέρνο με τη δική του γεύση που παίρνει σε serifs.

serif-lora

Lora: Η Lora είναι ίσως η δεύτερη αγαπημένη μου γραμματοσειρά σερφ, δίπλα στο PT Serif. Έχει ακριβώς τη σωστή ισορροπία μεταξύ ευθείας και στρογγυλής, δανεισμού σε εύκολη ανάγνωση και ευχάριστη αισθητική. Αυτή είναι η γραμματοσειρά που χρησιμοποιώ κατά την ανάγνωση των ηλεκτρονικών βιβλίων στον υπολογιστή μου EPubReader: Διαβάστε. Βιβλία EPUB για δωρεάν μέσα στο πρόγραμμα περιήγησής σας [Firefox] EPubReader: Διαβάστε. Βιβλία EPUB δωρεάν στο εσωτερικό του φυλλομετρητή σας [Firefox] Η δημοτικότητα του eBook έχει περάσει στα ύψη στο παρελθόν λίγα χρόνια και δεν μοιάζει να επιβραδύνεται οποτεδήποτε σύντομα. Πρώτα το Kindle, τότε το Nook, στη συνέχεια εφαρμογές smartphone όπως Aldiko και Mantano - υπάρχουν ... Διαβάστε περισσότερα.

serif-judson

Judson: Ο Judson κάνει ένα καλό διάλειμμα όταν χρειάζεστε μια όμορφη γραμματοσειρά serif, αλλά δεν θέλετε να επιστρέψετε σε μερικές από τις πιο δημοφιλείς, όπως αυτές που αναφέρονται παραπάνω. Ένας λόγος που δεν χρησιμοποιείται τόσο συχνά είναι επειδή δεν διαθέτει στυλ που έχει τόσο τολμηρή όσο και πλάγια γραφή.

serif-merriweather

Merriweather: Είδα πρόσφατα ότι ο Merriweather χρησιμοποίησε το ιστολόγιο ενός παραγωγικού συγγραφέα και ερωτεύτηκε. Με το σωστό κέντημα και απόσταση, το Merriweather γίνεται εξαιρετικά εύκολο στα μάτια και διευκολύνει τη γρήγορη ανάγνωση, κάτι που είναι εξαιρετικό για τα blogs και το περιεχόμενο του ιστού.

serif-vollkorn

Vollkorn: Αυτή είναι η γραμματοσειρά που με έριξε στο Google Web Fonts στην πρώτη θέση. Είναι ωραίο να εξετάζετε το μικρότερο μέγεθος γραμματοσειράς, αλλά τα ελαττώματα γίνονται πιο εμφανή σε μεγαλύτερα μεγέθη. Παρ 'όλα αυτά, είναι σπουδαίο και αξίζει να δοκιμάσετε.

Γραμματοσειρές Sans-Serif

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

sans-droid-sans

Droid Sans: Το Droid Sans είναι στην ίδια οικογένεια γραμματοσειρών με το Droid Serif, αλλά το Droid Sans είναι πολύ πιο δημοφιλές για έναν απλό λόγο: οι κινητές εφαρμογές είναι πιο πιθανό να χρησιμοποιούν γραμματοσειρές sans-serif από γραμματοσειρές serif. Η δημοτικότητά του έχει ξεπεράσει στον Ιστό, και πιθανότατα έχετε δει αυτή τη γραμματοσειρά περισσότερο από ό, τι νομίζετε ότι έχετε.

sans-pt-sans

PT Sans: Το PT Sans είναι μια καθαρή γραμματοσειρά sans-serif που είναι στην πραγματικότητα λίγο πιο στενή από τις παραδοσιακές γραμματοσειρές sans-serif. Είναι ένα θαυμάσιο μείγμα από αιχμηρές γραμμές και απαλές καμπύλες, με αποτέλεσμα μια γραμματοσειρά που αισθάνεται στείρα αλλά και καλλιτεχνικά.

sans-open-sans

Open Sans: Από την άλλη πλευρά του PT Sans, έχετε το Open Sans, το οποίο είναι λίγο μεγαλύτερο από τις παραδοσιακές γραμματοσειρές sans-serif. Σκεφτείτε Verdana, εκτός από πιο μοντέρνα. Δεν είναι το φλιτζάνι τσάι μου, αλλά προβλέπω ότι το Open Sans θα έχει μεγαλύτερη χρησιμότητα τα επόμενα χρόνια.

sans-lato

Lato: Η Lato μπορεί να αισθάνεται λίγο περιορισμένη όταν το μέγεθος της γραμματοσειράς μειώνεται πάρα πολύ, αλλά με τις σωστές τεχνικές CSS και σχεδίασης, η Lato μπορεί να είναι πιο όμορφη από τις περισσότερες γραμματοσειρές sans-serif. Εντούτοις, το κλειδί και η απόσταση μεταξύ των γραμμών είναι βασικά.

sans-roboto

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

sans-καμπίνα

Καμπίνα: Όπως και η Lato, η Cabin μπορεί να υποφέρει σε μικρότερα μεγέθη γραμματοσειρών αισθάνεται λίγο στενότητα και απότομη όταν τα γράμματα είναι πολύ κοντά το ένα στο άλλο, αλλά ο σωστός σχεδιασμός CSS μπορεί να το διορθώσει εύκολα. Είναι μια όμορφη γραμματοσειρά που μου θυμίζει μερικές φορές μια πιο σύγχρονη έκδοση του Century Gothic.

συμπέρασμα

Όλοι οι ιστοτόποι σας δεν χρειάζεται πλέον να κολλάνε χρησιμοποιώντας τις ίδιες γραμματοσειρές Arial-Helvetica-Verdana sans-serif και τις γραμματοσειρές Times-Georgia-Palatino serif. Ξεφλουδίστε τα σχέδια σας με μια σφιχτή έγχυση των γραμματοσειρών Google Web και κάντε το επόμενο βήμα για να αλλάξετε την εμφάνιση της ιστοσελίδας σας. Όχι μόνο θα διακρίνετε καλύτερα τον ιστότοπό σας από άλλους, αλλά και οι αναγνώστες σας θα σας ευχαριστήσουν.

Τι νομίζετε; Ποιες είναι οι αγαπημένες σας γραμματοσειρές Google στο Web; Τους χρησιμοποιείτε για τη δική σας ιστοσελίδα; Παρακαλώ μοιραστείτε τις σκέψεις σας μαζί μας στα σχόλια.

In this article