Le unita di misura sono molte, tra i modi più utilizzati per dimensionare i font su schermo, ci sono sicuramente i pixel, gli em e le misure percentuali.
Dimensionamento fisso o percentuale, a parer mio è importante usare un dimensionamento proporzionale tra i vari elementi
testuali della pagina. Ecco un esempio, in cui il font del body verrà reso sans-serif, mentre i titoli saranno di tipo serif
e avranno una dimensione proporzionale rispetto al testo del corpo di pagina:
body{
/*qui va la regola per il font-size*/
font-family: Arial, Helvetica, sans-serif
}
h1,h2,h3,h4,h5,h6{font-family: Georgia,”Times New Roman”,Times,serif}
h1{font-size: 200%}
h2{font-size: 170%}
h3{font-size: 140%}
h4{font-size: 120%}
h5{font-size: 100%}
h6{font-size: 80%}
p{line-height: 1.5}
In questo modo se volessimo cambiare la dimensione dei font del body, tutti i titoli si regoleranno di conseguenza,
mantenendo le proporzioni. Tra le possibili dimensioni fisse del font-size del body, i valori più usati
sono 12px o 14px. Va tenuto presente che i font in pixel non sono ridimensionabili su Internet Explorer.
Per il dimensionamento relativo, 76% o 100.01% sono le misure più comuni: la percentuale in tal caso si
riferiscono alla dimensione di default del font del browser: con carattere medio impostato, il 76% darà all’incirca un
font di 12pixel, mentre 100.01% renderà un font di circa 16 pixel.