Tag HTML per impostare un font

Condividi su facebook
Condividi su twitter
Condividi su linkedin
Condividi su whatsapp
Condividi su email

Siccome un cliente mi ha posto la questione e mi son trovato a doverlo spiegare, approfitto per inserire una breve guida ad un Tag HTML sicuramente molto utile: il tag

Non è difficile immaginare che si tratta di un tag HTML per impostare un font; nello specifico potremo intervenire sul testo di una nostra ipotetica pagina o articolo:

  • Tipo di font
  • colore del font
  • dimensione del font

Per un “non adddetto ai lavori” sarà raro trovarsi ad usare codici come questi, i CMS sono ormai provvisti di pannelli utenti che sollevano da problemi di questo tipo, ma non si sa mai.

Partiamo con l’impostare il tipo di font desiderato, per farlo possiamo usare il seguente codice:

<font face=”tipo di carattere”> testo </font>

ATTENZIONE: questo tag può non funzionare correttamente se viene visualizzato da browser di vecchia generazione, che potrebbero non riconoscere il comando, oppure nel caso in cui il carattere specificato non sia memorizzato sul computer di chi sta leggendo la pagina. Per cercare di evitare il problema si possono quindi indicare più caratteri, in modo da fornire delle alternative e quindi dovremo scrivere:

<font face=” Verdana, Arial, Helvetica, sans-serif”> testo </font>

Così sarà più facile che almeno uno dei caratteri indicati venga visualizzato.

Quando vogliamo cambiare il colore del testo invece, il codice da utilizzare è:

<font face=“#colore”> testo </font>

Tenete presente che il colore va indicato con colori esadecimali, che potete trovare ad esempio QUI.

Passiamo ora alla dimensione del carattere, in questo caso il codice sarà:

<font size=”diensione”> testo </font>

Il termine “dimensione” potrà essere espresso con un  numero intero che potrà variare da 1 (molto piccolo) a 7 (molto grande).

Per concludere, potremo anche decidere di sfruttare tutte le caratteristiche del tag , ed in questo caso il codice dovrà essere:

<font face=“tipo di carattere” COLOR=”#colore” SIZE=”dimensione”> testo </font>

Anche in questo caso valgono tutte le indicazioni che abbiamo visto.

Condividi
Condividi su facebook
Condividi su twitter
Condividi su linkedin
Condividi su whatsapp
Condividi su email
Federico Deserti

Federico Deserti

Da anni nel settore del Web design e nello sviluppo di siti web in tutte le loro componenti, ho realizzato numerosi progetti Web. Google partner certificato e specialista SEO e SEA, ho gestito e gestisco progetti di web Marketing multi canale sia nel settore B2B che B2C.

Contattami

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *