Trovare un buon stack di caratteri che trasmetta sia il lo stile del tuo sito web ma è anche affidabile nella maggior parte dei siti web che può essere complicato. Se utilizzi caratteri non sicuri per il Web, il tuo sito Web potrebbe non apparire come previsto quando il browser sostituisce qualcosa di sorprendente per il tuo carattere di fantasia.
Questi stack di caratteri sono separati da famiglia (serif, monospazio, ecc.). Quando utilizzi un carattere che non è un carattere sicuro per il Web, dovresti inserirlo prima nella pila dei caratteri, quindi aggiungere uno di questi gruppi alla fine. Scegli lo stack di caratteri che si avvicina di più allo stile e cerca il tuo carattere preferito.
Stack di font Sans Serif Web Safe
Il testo sans serif è buono per la lettura sulle pagine web perché non ci sono grazie per essere sfocato sullo schermo.
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'MS Sans Serif', Ginevra, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Ginevra, sans-serif;
Stack di caratteri Serif Web Safe
I caratteri serif funzionano alla grande per i titoli. Il tipo più grande di titoli significa che i serif non diventeranno sfocati sui monitor.
font-family: 'Libro Antiqua', 'Palatino Linotype', Palatino, serif;
font-family: Bookman, serif;
famiglia di caratteri: Georgia, serif;
famiglia di caratteri: 'MS Serif', 'New York', serif;
font-family: 'Times New Roman', Times, serif;
Stack di caratteri a spaziatura fissa
I caratteri monospazio vengono solitamente utilizzati per eseguire il rendering del codice e altri stili di tipo che hanno un aspetto migliore in un carattere in cui tutti i caratteri hanno la stessa larghezza, come i caratteri della macchina da scrivere.
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: 'Lucida Console', Monaco, monospace;
Stack di caratteri corsivi
I caratteri corsivi possono essere difficili da leggere e quello più comune sulla maggior parte dei sistemi (Comic Sans) non piace a tutte le persone che lo gradiscono.
font-family: 'Comic Sans MS', corsivo;
Stack di caratteri fantasy
Come i caratteri corsivi, i caratteri fantasy possono essere difficili da leggere e sono ancora meno comuni nella maggior parte dei sistemi. In effetti, potresti notare che sto usando lo stesso stack di caratteri di quello che ho usato sopra nel sans serif categoria, questo perché impatto e carboncino sono così distintivi che alcune persone li considerano fantasy caratteri.
font-family: Impact, Charcoal, fantasy;
Dingbat, Wingdings o pile di caratteri di simboli
Dingbat o wingdings sono caratteri simbolici che mostrano piccole icone o immagini invece di lettere. Non esiste un tipo di carattere generico per questi, quindi alcuni computer potrebbero visualizzare caratteri molto diversi da quelli previsti. Inoltre, solo Internet Explorer visualizzerà i simboli. Firefox e altri browser visualizzano semplicemente il testo con il carattere predefinito per il browser.
font-family: Simbolo;
famiglia di caratteri: Webdings;
font-family: Wingdings, 'Zapf Dingbats';