CSS font-size: pt, px o em? Que las unidades a utilizar?

En principio podemos decir que cada unidad de CSS ha permitido un uso concreto que se prevé:

pt

Puntos (pt) es la unidad de medida utilizada en los procesos de impresión y software (por ejemplo, Microsoft Word) para la creación de documentos para imprimir. Las impresoras, de hecho, no la "razón" en píxeles, sino en puntos. Si vamos a enviar un texto con formato de impresión, en píxeles, la impresora propio para convertir los píxeles en puntos. Si usted se está preparando una hoja de estilo para la impresión, la sugerencia es usar puntos para obtener un resultado más preciso.

px

Píxeles (px), por supuesto, de la unidad de seguimiento o, más generalmente, la pantalla (la resolución de que es el número de píxeles de línea horizontal y vertical).

em

El 'em, a diferencia de puntos y píxeles es una "unidad de medida (es decir, no fija). Para utilizar esta unidad se define en el cuerpo del documento, el tamaño de fuente por defecto con píxeles. Luego, utilizando em, se definen los elementos individuales de la página.
La unidad de medida se define de la siguiente manera (en "em") estará en el tamaño de fuente predeterminado. En esencia, la EM es una especie de multiplicador de tamaño por defecto. Por ejemplo: si el tamaño de la fuente por defecto es de 10 píxeles, con un párrafo

 



 font-size: 1,5 em

 

, en la práctica, una fuente de 15 píxeles en la base de este cálculo sencillo:

 



 * 1,5 = 10px 15px