Come Cambiare la Dimensione del Font in HTML

Puoi controllare la dimensione del font della tua pagina web usando la proprietà font-size del linguaggio di stile HTML, i Fogli di Stile a Cascata (CSS). A partire da HTML 5, l'approccio CSS allo styling dei font sostituisce il vecchio tag <font>. Mentre il tag font è valido per pagine HTML 4, non è più supportato come tag valido in HTML 5.

Definire la Dimensione del Font con CSS

Le dimensioni dei font si impostano nella pagina web usando l'attributo CSS font-size. Le dimensioni sono tipicamente definite usando la misura tipografica "em", dove 1.0 è la dimensione corrente, o percentuali, dove 100% è la dimensione corrente. Puoi anche usare nomi di valori predefiniti: "smaller", "larger", "small", "xx-large". Definire la dimensione in pixel o punti è valido ma non raccomandato perché il testo potrebbe non scalare correttamente in certe circostanze.

Usare CSS nei Tag HTML

Puoi usare stili in quasi ogni tag HTML nel body della pagina. Aggiungi un attributo "style" al tag con l'attributo CSS font-size impostato alla dimensione voluta. Lo stile influenza il testo tra inizio e fine del tag — ad esempio:

<p style="font-size:1.5em">Questo testo è più grande del normale.</p>
<p style="font-size:80%">Questo testo è più piccolo.</p>
<p style="font-size:smaller">Questo testo è anche più piccolo.</p>

Usare CSS nel Foglio di Stile

Se la tua pagina ha un foglio di stile CSS, incorporato nell'Head o in file separato, puoi cambiare la dimensione del font lì. I fogli di stile sono utili per cambiamenti globali. Trova o aggiungi la dichiarazione che vuoi cambiare e aggiungi il codice font-size. Ad esempio, per ingrandire il font per tutti i tag paragrafo:

p { font-size: 125% ; }