Come modificare la dimensione dei caratteri in HTML

Puoi assumere il controllo della dimensione del carattere della tua pagina Web utilizzando la proprietà font-size del linguaggio di stile HTML, Cascading Style Sheets. A partire da HTML 5, l'approccio CSS allo stile dei caratteri sostituisce il vecchio tag "font". Sebbene il tag font sia valido per le tue pagine Web formattate in HTML 4, non è più supportato come tag valido in HTML 5.

Definire la dimensione del carattere con CSS

Le dimensioni dei caratteri vengono impostate nella tua pagina Web utilizzando l'attributo CSS "font-size". Le dimensioni dei caratteri sono in genere definite utilizzando la misura tipografica "em", dove 1,0 è la dimensione del carattere corrente, o percentuali, dove 100 percento è la dimensione del carattere corrente. È inoltre possibile utilizzare i nomi dei valori preimpostati, ad esempio "più piccolo", "più grande", "piccolo" e "xx-grande". Sebbene la definizione della dimensione in pixel o punti sia valida, non è consigliata perché il testo potrebbe non ridimensionare correttamente in determinate circostanze.

Utilizzo dei CSS nei tag HTML

Puoi usare gli stili in quasi tutti i tag HTML nel corpo della tua pagina web. Aggiungi un attributo "stile" al tag con l'attributo CSS font-size impostato sulla dimensione desiderata. Lo stile influisce sul testo tra l'inizio e la fine del tag, ad esempio:

Questo testo è più grande del normale.

Questo testo è più piccolo.

Anche questo testo è più piccolo.

Utilizzo dei CSS nel foglio di stile

Se la tua pagina Web ha un foglio di stile CSS, incorporato nell'intestazione della tua pagina o definito in un file separato, puoi modificare la dimensione del carattere lì. I fogli di stile sono utili per apportare modifiche globali alla tua pagina Web. Trova o aggiungi la dichiarazione che desideri modificare e aggiungi il codice della dimensione del carattere. Ad esempio, per aumentare la dimensione del carattere per tutti i tag di paragrafo, usa:

p {dimensione carattere:125%; }