Contenido

¿px, em, %, pt, o palabras clave?¿Como definimos tamaños de fuentes?

16 abr

+ 7

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.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.