Selezione di un carattere intelligente può rendere il vostro Web design emozionante, ma utilizzando un tipo di carattere impopolare con HTML può portare a una pagina Web rotta. Il World Wide Web Consortium ha escogitato una soluzione utilizzando fogli di stile CSS. Nel tag HTML/CSS, specificare un tipo di carattere \"family\" deve essere utilizzato se la vostra prima scelta non è disponibile. Questo consente ai progettisti di specificare i font preferiti e ancora evitare pagine rotti. Le famiglie di cinque caratteri sono serif, sans-serif, cursive, fantasy e monospace.

Font serif

Secondo il W3C, caratteri serif hanno tratti di \"finishing, estremità svasate o affusolata, o r... effettivo terminazioni Serif. \" possono anche avere un'ampia variazione tra tratti sottili e spessi, e singole lettere possono avere diverse larghezze. Times New Roman e Georgia, per esempio, sono due caratteri serif molto comune. Un esempio di un tipo di carattere serif di meno comune è Warnock Pro. È possibile utilizzare Times New Roman e Georgia con fiducia. È anche possibile utilizzare Warnock Pro incorporando questo codice nel tuo tag di stile:

font-family: \"Warnock Pro\", serif
VAI

I font serif sono anche descritti come Mincho in giapponese e Sung in cinese.

Caratteri Sans Serif

Sans serif significa letteralmente \"without un serif. \" The W3C definisce caratteri sans-serif come avendo terminazioni \"stroke che sono semplici..--senza qualsiasi svasatura, Croce ictus o altri ornamenti. \" come i font serif, sans serif possono avere diverse larghezze di lettera. Caratteri sans-serif comuni includono Helvetica, Arial e Verdana. Gotham è un esempio di meno comuni. Come con i font serif, è possibile utilizzare liberamente il comune sans serif. Per utilizzare in modo sicuro Gotham per il tuo sito, inserire il seguente nel tuo tag di stile:

font-family: \"Gotham\", sans-serif
VAI

I font sans-serif sono anche descritti come gotico in Kai in cinese e giapponese.

Tipi di carattere a spaziatura fissa

Tipi di carattere a spaziatura fissa devono per definizione hanno la stessa larghezza per ogni lettera o il carattere. Courier e Courier New sono i più noti esempi di tipi di carattere a spaziatura fissa. Nel complesso, i font a spaziatura fissa non sono molto popolari nel Web design. Se si prevede di utilizzare qualcosa di diverso da Courier o Courier New, è sempre necessario definire una famiglia di caratteri backup. Ad esempio, se il vostro disegno incorpora prestigio come il tipo di carattere, il tuo tag di stile dovrebbe essere come questo:

font-family: \"Prestige\", monospace
VAI

Tipi di carattere a spaziatura fissa non sono quasi mai usati in arabo e altri script cursive-oriented.

Corsivo e caratteri di fantasia

Il W3C descrive i caratteri corsivi come avendo \"either unendo tratti o altre caratteristiche corsive oltre quelli di corsivo caratteri tipografici. \" lettere corsive di solito connettersi a un altro, e \"the risultato sembra più scrittura manoscritta di penna o pennello di lettera stampata lavoro. \" determinate lingue, come l'arabo, utilizzano tipi di carattere corsivi principalmente, anche se sono meno comuni in inglese e inesistente in giapponese e cinese. Caratteri di fantasia, d'altra parte, sono disegni decorativi basati su rappresentazioni di caratteri. Quando si utilizza un tipo di carattere corsivo o fantasia, è sempre una buona idea di fornire una famiglia di caratteri backup nel tuo tag di stile. Nell'esempio seguente viene utilizzato il tipo di carattere corsivo Zapf Chancery:

font-family: \"Zapf-Chancery\", corsivo;