Βρίσκοντας μια καλή στοίβα γραμματοσειρών που μεταφέρει και τα δύο στυλ του ιστότοπού σας αλλά είναι επίσης αξιόπιστο στην πλειονότητα των ιστότοπων εκεί έξω μπορεί να είναι δύσκολο. Εάν χρησιμοποιείτε γραμματοσειρές που δεν είναι ασφαλείς στον Ιστό, τότε ο ιστότοπός σας ενδέχεται να μην φαίνεται όπως θέλετε, όταν το πρόγραμμα περιήγησης αντικαθιστά κάτι εκπληκτικό για τη φανταστική σας γραμματοσειρά.
Αυτές οι στοίβες γραμματοσειρών χωρίζονται με οικογένεια (serif, monospace κ.λπ.). Όταν χρησιμοποιείτε μια γραμματοσειρά που δεν είναι γραμματοσειρά ασφαλούς ιστού, θα πρέπει να την τοποθετήσετε πρώτα στη στοίβα γραμματοσειρών και, στη συνέχεια, να προσθέσετε μία από αυτές τις στοίβες στο τέλος. Επιλέξτε τη στοίβα γραμματοσειρών που είναι πιο κοντά στο στυλ και κοιτάξτε τη γραμματοσειρά που προτιμάτε.
Στοίβες γραμματοσειρών ασφαλούς ιστού Sans Serif
Το κείμενο Sans serif είναι καλό για ανάγνωση σε ιστοσελίδες, επειδή δεν υπάρχουν serif για να θολά στην οθόνη.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
γραμματοσειρά-οικογένεια: Impact, Charcoal, sans-serif;
font-family: «MS Sans Serif», Γενεύη, sans-serif;
γραμματοσειρά-οικογένεια: Tahoma, Geneva, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Γενεύη, sans-serif;
Serif Web Safe Font Stacks
Οι γραμματοσειρές Serif είναι ιδανικές για επικεφαλίδες Ο μεγαλύτερος τύπος τίτλων σημαίνει ότι οι serifs δεν θα θολώνουν στις οθόνες.
font-family: «Βιβλίο Antiqua», «Palatino Linotype», Palatino, serif;
font-family: Bookman, serif;
font-family: Γεωργία, serif;
font-family: "MS Serif", "Νέα Υόρκη", serif;
font-family: 'Times New Roman', Times, serif;
Στοίβες γραμματοσειρών Monospace
Οι γραμματοσειρές Monospace χρησιμοποιούνται συνήθως για την απόδοση κώδικα και άλλων μορφών τύπου που φαίνονται καλύτερα σε μια γραμματοσειρά όπου όλοι οι χαρακτήρες έχουν το ίδιο πλάτος - όπως γραμματοσειρές γραφομηχανής.
γραμματοσειρά-οικογένεια: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
γραμματοσειρά-οικογένεια: «Lucida Console», Μονακό, monospace;
Στοίβες γραμματοσειράς
Οι ευθείες γραμματοσειρές μπορεί να είναι δύσκολο να διαβαστούν και η πιο συχνά βρεθεί στα περισσότερα συστήματα (Comic Sans) δεν αρέσει σε όσους ανθρώπους αρέσει.
font-family: 'Comic Sans MS', ευθεία
Στοίβες γραμματοσειρών φαντασίας
Όπως οι γραπτές γραμματοσειρές, οι γραμματοσειρές φαντασίας μπορεί να είναι δυσανάγνωστες και είναι ακόμη λιγότερο συχνές στα περισσότερα συστήματα. Στην πραγματικότητα, μπορεί να παρατηρήσετε ότι χρησιμοποιώ την ίδια στοίβα γραμματοσειρών με αυτήν που χρησιμοποίησα παραπάνω στο sans serif κατηγορία, αυτό συμβαίνει επειδή ο αντίκτυπος και ο άνθρακας είναι τόσο διακριτικοί που μερικοί άνθρωποι τους θεωρούν φαντασία γραμματοσειρές.
font-family: Impact, Charcoal, fantasy;
Dingbats, Wingdings ή στοίβες γραμματοσειρών συμβόλων
Τα Dingbats ή τα πτερύγια είναι γραμματοσειρές συμβόλων που εμφανίζουν μικρά εικονίδια ή εικόνες αντί για γράμματα. Δεν υπάρχει γενικός τύπος γραμματοσειράς για αυτούς, και έτσι ορισμένοι υπολογιστές ενδέχεται να εμφανίζουν πολύ διαφορετικές γραμματοσειρές από ό, τι περιμένετε. Επιπλέον, μόνο Internet Explorer θα εμφανίσει τα σύμβολα. Ο Firefox και άλλα προγράμματα περιήγησης εμφανίζουν απλώς το κείμενο στην προεπιλεγμένη γραμματοσειρά για το πρόγραμμα περιήγησης.
font-family: Σύμβολο;
γραμματοσειρά-οικογένεια: Webdings;
font-family: Wingdings, "Zapf Dingbats";