## 4.6 - Un tag obsoleto: `<font>`

La presente lezione tratta la scelta del colore, delle dimensioni e del tipo di carattere del testo attraverso l’utilizzo del tag `<font>`.

Si tratta di un tag obsoleto, perché la formattazione del testo in tutti i siti moderni viene attribuita attraverso i fogli di stile.

L’utilizzo del tag `<font>` inoltre è disapprovato dal W3C, e dunque sta cadendo in disuso. In ogni caso si tratta di un argomento che un buon webmaster non può ignorare: come già detto per studiare i fogli di stile c i sarà tempo, e comunque è un passo che viene dopo la conoscenza dell’HTML base.

Il tipo di carattere (cioè il "font") che il browser visualizza di default è il "Times". Purtroppo questo carattere (ottimo per la carta stampata) non è adatto a essere visualizzato sul monitor di un computer: è una questione di "grazie" (le grazie sono quegli abbellimenti tipografici delle lettere, che dovrebbero servire per rendere più leggibile il carattere).

Dal momento che i caratteri con grazie non ottengono il risultato voluto sul monitor (quello cioè di rendere le lettere maggiormente riconoscibili e di conseguenza il testo più leggibile), ma anzi ottengono l’effetto contrario, si preferisce di solito utilizzare dei caratteri senza grazie come il "Verdana", l’"Arial" o l’"Helvetica" (si veda l'articolo I font e la tipografia del testo).

Per scegliere il tipo di carattere con cui un font deve essere visualizzato è sufficiente usare la sintassi:

`<font face = "lista_nomi_font"> testo </font>`

dove un singolo `nome_font` puo' essere Arial, Verdana, Geneva, ecc.

Tuttavia è bene sottolineare da subito che non è possibile far sì che l’utente visualizzi un testo in un carattere fantasioso scelto da noi. Allo stato attuale dell’arte l’utente che naviga in internet può visualizzare solo i caratteri che sono installati nel suo sistema: in Windows si tratta dei caratteri presenti in: Pannello di controllo > Tipi di caratteri.

Come piccolo accorgimento conviene non indicare un solo carattere, ma una serie di caratteri che gradualmente si allontanano dal risultato c he vorremmo ottenere, ma non di molto, fino ad indicare la famiglia a cui il nostra carattere appartiene. In questo modo il browser dell’utente cercherà di trovare nella propria cartella dei fonts il primo carattere indicato, se non lo trova passerà al secondo, e solo come ultima spiaggia sceglierà s i utilizzare il carattere predefinito (il famigerato "Times")

Vediamo alcuni esempi di famiglie "sicure" di caratteri:

`<font face = "Verdana, Arial, Helvetica, sans-serif"> Verdana e caratteri simili simili </font>`

### L'attributo `color`

La scelta del colore può essere effettuata nello stesso momento in cui si sceglie il tipo di carattere (dal momento che "face" e "color" sono entrambi attributi del tag "font"). La sintassi è:

`<font face="Verdana, Arial, Helvetica, sans-serif" color="blue"> testo rosso in Verdana </font>`

### L'attributo `size`

Le dimensioni del testo si attribuisco mediante l’attributo "size" del tag font. Ci sono due modi per dare attribuire le dimensioni al testo tramite il tag font:

- valori interi da 1 a 7

`<font size="5"> testo di grandezza 5 </font>`
- valori relativi alla dimensione di base del tag font (di default "3"). Nel caso dei valori relativi alla dimensione di base è possibile "spostarsi" nella scala di grandezza del utilizzando i segni "+" e "-". Se utilizziamo un size="+2", vuol dire che la dimensione del font deve essere di 2 misure più grande della dimensione del font di base. Vediamo l’esempio:

  `<font size="+2"> Testo di grandezza +2 rispetto al font di base </font>`