15 καλύτερες γραμματοσειρές ασφαλούς ιστού


Καλύτερες γραμματοσειρές με ασφάλεια στον Ιστό


Το 90% * του σχεδιασμού της ιστοσελίδας καταλήγει σε:

  • (1) τα στοιχεία εικόνας που χρησιμοποιείτε 
  • (2) τις γραμματοσειρές που επιλέγετε.
    (* Αυτή είναι η προσωπική μας εντελώς υποθετική, μεροληπτική εκτίμηση.)

Υπηρεσίες ενσωμάτωσης γραμματοσειρών (όπως Google Web Fonts ή Γραμματοσειρές Adobeως εναλλακτική λύση, δίνοντας στα σχέδιά σας κάτι νέο, φρέσκο ​​και απροσδόκητο.

Είναι επίσης εξαιρετικά εύκολο στη χρήση.

Πάρτε το Google για παράδειγμα:

Επιλέξτε οποιαδήποτε γραμματοσειρά Άνοιγμα Sans ή Droid Serif ή Λάτο. Δημιουργήστε τον κώδικα και επικολλήστε το στο έγγραφό σας. Και είστε έτοιμοι να το αναφέρετε στο CSS!

Χρειάστηκαν 60 δευτερόλεπτα. Και ήταν εντελώς δωρεάν. (Ευχαριστώ, Google!)

Τι θα μπορούσε να πάει στραβά, σωστά?

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

Όχι εάν δημιουργείτε εναλλακτική λύση με εναλλακτική λύση ασφαλούς ιστού!

Ετσι δουλευει.

ΥΣΤΕΡΟΓΡΑΦΟ. Πρόσφατα δημοσιεύσαμε μια δωρεάν, αναλυτικός οδηγός για το πώς να δημιουργήσετε έναν ιστότοπο χρησιμοποιώντας το WordPress.

Γιατί έχει σημασία το «Web Safe»?

Κάθε συσκευή διαθέτει τη δική της προεγκατεστημένη επιλογή γραμματοσειράς. Η επιλογή βασίζεται σε μεγάλο βαθμό στο λειτουργικό της σύστημα.

Το πρόβλημα είναι ότι κάθε σύστημα διαφέρει λίγο.

Οι συσκευές που βασίζονται σε Windows ενδέχεται να έχουν μία ομάδα. Τα MacOS τραβούν από το άλλο. Το σύστημα Android της Google χρησιμοποιεί το δικό του επίσης.

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

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

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

Τα «ασφαλή στο Web» εμφανίζονται σε όλα τα λειτουργικά συστήματα. Είναι η μικρή συλλογή γραμματοσειρών που αλληλεπικαλύπτονται από Windows σε Mac σε Google (ακόμη και Unix ή Linux).

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

Πρόκειται για ένα σχέδιο Β, την έκδοση «για κάθε περίπτωση». Ένα σύστημα έκτακτης ανάγκης για να σώσει τον κόσμο από κακές επιλογές γραμματοσειρών.

Το έπιασα? Καλός! Ας ρίξουμε μια ματιά στις πιο δημοφιλείς γραμματοσειρές ασφαλούς ιστού για να διαλέξετε.

15 καλύτερες γραμματοσειρές ασφαλούς ιστού


Μπορεί να υπάρχουν μερικά ακόμη.

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

1. Arial

Γραμματοσειρά ασφαλούς ιστού - Arial

Η Arial είναι σαν στην πραγματικότητα πρότυπο για τους περισσότερους.

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

2. Ρομπότο

Γραμματοσειρά ασφαλούς ιστού - Roboto

Το Roboto είναι μια γραμματοσειρά sans-serif που αναπτύχθηκε από την Google ως γραμματοσειρά συστήματος για Android.

3. Times New Roman

Γραμματοσειρά Safe Web - Times New Roman

Το Times New Roman είναι το serif αυτό που είναι το Arial στο sans serif.

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

4 φορές

Γραμματοσειρά ασφαλούς ιστού - Ώρες

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

5. Courier New

Γραμματοσειρά Safe Web - Courier New

Το Courier New, παρόμοιο με το Times New Roman πριν από αυτό, είναι μια παραλλαγή ενός άλλου παλιού κλασικού. Θεωρείται επίσης μονόπλευρος γραμματοσειρά (σε αντίθεση με το serif εναντίον sans serif που μόλις είδαμε).

6. Κούριερ

Γραμματοσειρά Safe Web - Courier

Το Courier είναι το παλιό μονοσυστατικό stand-by διαθέσιμο σε όλες σχεδόν τις συσκευές και τα λειτουργικά συστήματα.

7. Βερντάνα

Γραμματοσειρά ασφαλούς ιστού - Verdana

Το Verdana είναι μια πραγματική γραμματοσειρά Ιστού επειδή (1) τις απλές γραμμές sans serif και (2) είναι εξαιρετικά μεγάλο μέγεθος. Τα γράμματα είναι σχεδόν επιμήκη, γεγονός που καθιστά εύκολη την ανάγνωση στο διαδίκτυο.

8. Γεωργία

Γραμματοσειρά Safe Web - Γεωργία

Η Γεωργία είναι παρόμοια με τη Verdana σε μέγεθος και ανάστημα (με μεγαλύτερα από το συνηθισμένο γράμματα σε σύγκριση με γραμματοσειρές του ίδιου μεγέθους). Έτσι, ενώ είναι εξαιρετικό για ορισμένες περιστάσεις, φροντίστε να αποφύγετε τη σύζευξη αυτής της γραμματοσειράς serif με άλλες (όπως Times New Roman) που μπορεί να φαίνονται μικροσκοπικές σε σύγκριση.

9. Παλατίνο

Γραμματοσειρά ασφαλούς ιστού - Palatino

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

10. Garamond

Γραμματοσειρά Safe Web - Garamond

Το Garamond είναι μια άλλη γραμματοσειρά παλιού σχολείου που χρονολογείται από τα στυλ που χρησιμοποιούνται Παρίσι του 16ου αιώνα. Αυτή η νέα και βελτιωμένη έκδοση παρουσιάστηκε και συνδυάστηκε στις περισσότερες συσκευές Windows (και έχει υιοθετηθεί από άλλους από τότε).

11. Bookman

Γραμματοσειρά ασφαλούς ιστού - Bookman

Το Bookman (ή Bookman Old Style) είναι μια άλλη τέλεια επιλογή τίτλου που διατηρεί την αναγνωσιμότητα (ή την αναγνωσιμότητα) ακόμα και όταν χρησιμοποιείται σε μικρό μέγεθος.

12. Comic Sans MS

Web Safe Font - Comic Sans MS

Το Comic Sans MS είναι μια παιχνιδιάρικη, ιδιότροπη εναλλακτική λύση σε σχέση με άλλες επιλογές sans serif.

Είναι επίσης αρκετά άσχημο. Μην το χρησιμοποιείτε! ��

13. Candara

Γραμματοσειρά ασφαλούς ιστού - Candara

Η Candara είναι μια γραμματοσειρά sans-serif που έχει ανατεθεί από τη Microsoft. Είναι μέρος της συλλογής γραμματοσειρών ClearType που κυκλοφόρησε με τα Windows Vista.

14. Arial Black

Γραμματοσειρά ασφαλούς ιστού - Arial Black

Το Arial Black είναι η μεγαλύτερη, πιο τολμηρή και κακή έκδοση του βασικού σας Arial. Αστείο, μοιράζεται επίσης αναλογίες με τη Helvetica. Γιατί είναι τόσο σημαντικό; Για να μπορούσαν αρχικά χρησιμοποιήστε το για να αντικαταστήσετε τη Helvetica και να εκτυπώσετε πράγματα χωρίς να πληρώσετε για την άδεια.

15. Αντίκτυπος

Γραμματοσειρά ασφαλούς ιστού - αντίκτυπος

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

συμπέρασμα

Οι γραμματοσειρές που είναι ασφαλείς στο Web σάς προσφέρουν ένα Σχέδιο Β. Μια εναλλακτική επιλογή για το πότε η πρώτη σας επιλογή ενδέχεται να μην λειτουργεί.

Είναι ευρέως προσβάσιμα και είναι διαθέσιμα στις περισσότερες συσκευές εδώ και δεκαετίες (σε ορισμένες περιπτώσεις).

Αν και όχι όλα από αυτούς είναι #winners (Comic Sans MS? Yuck!), υπάρχουν αρκετά για να διαλέξετε από αυτό που θα πρέπει να σχετίζεται στενά με την αρχική σας επιλογή.

Τι συμβαίνει, εάν όχι; Δεν μπορείτε να κάνετε λάθος με την Arial!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map