CSS font-size: pt, px o em? Che unità di misura utilizzare?
In linea di massima possiamo dire che ogni unità di misura ammessa nei CSS ha una destinazione d'uso precisa:
pt
I punti (pt) sono l'unità di misura utilizzata nei processi di stampa e nei software (come ad esempio Microsoft Word) destinati alla creazione di documenti stampabili. Le stampanti, infatti, non "ragionano" in pixel ma in punti. Se mandiamo in stampa un testo formattato in pixel la stampante provvederà autonomamente a convertire i pixel in punti. Se state predisponendo un foglio di stile per la stampa, quindi, il suggerimento è di utilizzare pt per avere un risultato più preciso.
px
I pixel (px) sono, ovviamente, l'unità di misura dei monitor o, più in generale, dei display (la cui risoluzione è data dal numero di pixel della linea orizzontale per quella verticale).
em
L'em, a differenza di pt e px, è un'unità di misura relativa (cioè non fissa). Per utilizzare questa unità di misura si definisce nel body del documento la dimensione di default dei caratteri utilizzando i pixel. Dopodiché, mediante em, vengono definiti i singoli elementi della pagina.
L'unità di misura così definita (in "em") sarà relativa alla dimensione dei caratteri di default. In sostanza l'em è una specie di moltiplicatore della dimensione di default. facciamo un esempio: se la dimensione dei caratteri di default è 10 pixel, un paragrafo avente
font-size: 1.5 emavrà, in pratica, un font di 15 pixel sulla base di questo semplice calcolo:
10px * 1.5 = 15px
