La scelta del font (tipo di carattere) è un passo fondamentale per la creazione di una pagina web. Tale passo è stato delegato ormai ai fogli di stile (CSS). Un utente alle prime armi però non può ancora avere delle basi così ampie, inoltre non può ignorare tali tecniche che in casi particolari risultano comunque utili.

Per questi motivi abbiamo deciso di includere la scelta dei font nella guida HTML in attesa di apprendere nozioni sui CSS che ci permettano di utilizzare i font in modo corretto.

La scelta dei font in HTML deve seguire delle linee guida ben precise puntando sui font sicuri. Per font sicuri intendiamo i font che sicuramente il browser riuscirà a leggere correttamente. Tali font sono quelli contenuti nella cartella dei font del nostro sistema operativo. Tra i font sicuri (quelli che sono presenti al momento dell'installazione del nostro sistema operativo) abbiamo:

• Verdana
• Arial
• Arial Black
• Comic Sans MS
• Times new Roman
• Georgia
• Impact
• Courier new
• Trebuchet MS

Il tag utilizzato per impostare il font di una pagina HTML è il tag <font>. Nel caso in cui volessimo utilizzare il font Verdana andremo a scrivere:

<font face=”Verdana”>Testo scritto con font Verdana</font>

Nel caso in cui, spinti dalla voglia di sorprendere, volessimo inserire un font particolare che non ci possa dare la certezza di essere interpretato in modo corretto dai browser, abbiamo la possibilità di inserire più di un font nel tag in modo che il browser non trovando il primo font nella lista vada a cercare il secondo, il terzo e così via.

Un esempio di utilizzo corretto di un font non sicuro può essere il seguente:

<font face=”Calibri,Cambria,Georgia”>Testo scritto in Calibri se disponibile nella cartella dei font</font>

In tale esempio, nel caso in cui il browser non trovasse il font Calibri nella cartella dei font andrebbe a cercare il Cambria e successivamente il Georgia (font sicuro).

Nel caso in cui il browser non riuscisse ad interpretare correttamente i font andrebbe ad usare quello di default ovvero il Times.  

<< Pagina Precedente|Menù guida HTML|Pagina successiva >>