Il tag Font

Nel linguaggio Html il tag FONT definisce le dimensioni, il colore e il tipo di carattere di un testo. È un tag obsoleto, ormai sostituito dal CSS, ma è ancora funzionante.

La sintassi del tag Font

Il tag Font è composto da un tag di apertura e uno di chiusura. Gli effetti sono applicati soltanto al testo contenuto tra i due tag (apertura e chiusura).

<font>testo</font>

Gli effetti sul testo sono definiti dagli attributi del tag font.

  1. Face. Indica il font di carattere da utilizzare ( es. Arial, Verdana, Times New Roman, ecc. )
  2. Color. Indica il colore da applicare al testo.
  3. Size. Definisce la grandezza dei caratteri.

Come cambiare tipo di font a un testo HTML

Faccio un esempio pratico. Nel seguente codice indico al browser di visualizzare il testo usando il font Arial.

<FONT face="Arial">Hello World!</FONT>

Avrei potuto indicare altri tipi di font come Verdana, Times New Roman ecc.

<FONT face="Verdana">Hello World!</FONT>

E' anche possibile indicare una serie di tipi di font separati ognuno da una virgola.

<FONT face="Verdana, Arial">Hello World!</FONT>

Perché è utile scrivere una lista di font anziché uno solo?

Nel caso in cui il primo font non sia disponibile sul computer dell'utente, il browser utilizza il secondo, il terzo e così via.

Se nessun font della lista è presente sul computer, allora viene utilizzato quello di default del browser dell'utente.

Come cambiare colore a un testo in Html

Il tag FONT permette di definire il colore di un testo mediante l'attributo COLOR.

I colori sono normalmente individuati da una serie di 6 caratteri alfanumerici preceduti dal simbolo cancelletto #. Ad esempio, #000000 indica il colore nero; #FFFFFF indica il colore bianco, #FF0000 indica il colore rosso.

Per visualizzare un testo in colore rosso posso scrivere:

<FONT color="#FF0000">Hello World!</FONT>

Il risultato sullo schermo dell'utente è il seguente:

Hello World!

Come cambiare la dimensione di un testo in Html

L'attributo SIZE consente di definire la grandezza del testo contenuto nei tag FONT.

La dimensione va espressa con un numero assoluto intero da 1 a 7, più grande è il numero maggiore sarà la grandezza del carattere.

<FONT size="1">Hello World!</FONT> <FONT size="2">Hello World!</FONT> <FONT size="3">Hello World!</FONT>

Il risultato sullo schermo del browser è il seguente

Hello World! Hello World! Hello World!

Può anche essere espressa con un numero relativo, ad esempio +1, +2, ecc... In quest'ultimo caso il browser aumenta di un punto (due punti nel caso di +2 ecc.) la dimensione del carattere rispetto a quella di default del browser.

knowledge base