Tipi di font che possono essere utilizzati con HTML

August 11

Tipi di font che possono essere utilizzati con HTML


Selezione di un tipo di carattere intelligente può rendere il vostro Web design eccitante, ma utilizzando un font impopolare con HTML può portare a una pagina Web rotto. Il World Wide Web Consortium ha messo a punto una soluzione che utilizza fogli di stile CSS. Nel tag HTML / CSS, specificare un font \ per essere utilizzato se la vostra prima scelta non è disponibile "famiglia \". Ciò permette ai progettisti di specificare i propri font preferiti e ancora evitare di pagine rotte. Le cinque famiglie di font sono serif, sans-serif, corsivo, la fantasia e la spaziatura fissa.

serif

Secondo il W3C, font serif sono \ "finitura colpi, svasate o affusolate estremità, o r ... effettive terminazioni con grazie. \" Possono anche avere una grande variazione tra i tratti spessi e sottili, e le singole lettere possono avere larghezze diverse. Times New Roman e la Georgia, per esempio, sono due caratteri molto comuni serif. Un esempio di un tipo di carattere meno-comune Serif è Warnock Pro. È possibile utilizzare Times New Roman e la Georgia con fiducia. E 'anche possibile utilizzare Warnock Pro inserendo questo codice nel tag stile:

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

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

Sans Serif Fonts

Sans Serif letteralmente significa \ Il W3C definisce i caratteri sans-serif come avere \ "senza serif \". "Terminazioni ictus che sono normale -. Senza alcun flaring, ictus croce o altri ornamenti \" Come font serif, sans serif possono avere diverse larghezze lettera. Comuni sans-serif sono Helvetica, Arial e Verdana. Gotham è un esempio meno-comune. Come con i font serif, è possibile utilizzare sans serif comuni liberamente. Per utilizzare in modo sicuro Gotham per il tuo sito, inserire il seguente nel tag stile:

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

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

monospace Font

font Monospace sono richiesti per definizione avere la stessa larghezza per ogni lettera o carattere. Courier e Courier New sono gli esempi più noti di font a spaziatura fissa. Nel complesso, i font a spaziatura fissa non sono molto popolari nel Web design. Se si prevede di usare qualcosa di diverso da Courier o Courier New, si dovrebbe sempre definire una famiglia di font di backup. Ad esempio, se il design incorpora Prestige come il tipo di carattere, il tag stile dovrebbe essere simile a questo:

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

caratteri a spaziatura fissa vengono quasi mai utilizzati in arabo e in altri script corsivo-oriented.

Cursive e Fantasy font

Il W3C descrive caratteri corsivi come avere \ "o unirsi ictus o altre caratteristiche corsive oltre a quelli dei caratteri italici. \" Lettere in corsivo di solito si collegano l'un l'altro, e \ "il risultato appare più simile a penna scritta a mano o la scrittura pennello di lavoro lettera stampata. \ "alcune lingue, come l'arabo, usano caratteri corsivi in ​​primo luogo, anche se sono meno comuni in inglese e inesistenti in giapponese e cinese. font fantasia, d'altro canto, sono disegni decorativi che si basano su rappresentazioni di caratteri. Quando si utilizza un tipo di carattere corsivo o di fantasia, è sempre una buona idea di fornire una famiglia di font di backup nel tag stile. L'esempio seguente utilizza il tipo di carattere corsivo Zapf-Cancelleria:

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