¿px, em, %, pt, o palabras clave?¿Como definimos tamaños de fuentes?
CSS-Trick, nos muestra un interesante artículo sobre las cualidades de los diferentes sistemas que tenemos para indicar el tamaño de las fuentes de nuestras aplicaciones.
- px: Ofrece el máximo de precisión a la hora de indicar un tamaño. Aunque se olvidan del usuario, no hacen caso a la configuración del visitante.
- em: Los más difíciles de cuadrar debido al concepto tan abstracto que los envuelve, pero ofrece una forma de ofrecer al usuario mayor control sobre el texto.
- %: Sin duda la opción más limpia y clara de enteder.
- pt: Los pensados para ser usados únicamente para impresión. Están basados en puntos reales de tinta en un papel.
- palabras clave: Sorprendentemente se trata de una de las técnicas más consistente en todos los navegadores.
Conociendo las técnicas y las peculiaridades de cada uno podremos ajustar más nuestro CSS a nuestras necesidades.
Actualización
Las palabras clave o keywords son los que conocemos como xx-small, x-small, small, medium, large, x-large, xx-large. Dependen completamente de la configuración del cliente, que al igual que % y em, permiten que sea la configuración del visitante defina el tamaño ideal.
Ejemplos
Esto es una fuente a tamaño large
Esto es una fuente a 125% del tamaño. (Usa el tamaño del elemento padre como referencia)
Esto es una fuente a 1.3em.
Esto es una fuente a 24px.
Esto es una fuente a 24pt.
Tags: css, html