¿Píxeles o EMS en el tamaño de letra con CSS?
Hace unos minutos que comente sobre este tema en cuanto a la conversión de
unidades absolutas en relativas, de nuevo insisto en el tema por que he encontrado el artículo
Dealing with CSS Font-Sizes.
La cuestión es ¿qué es más conveniente utilizar como unidad de medida en el texto píxeles o EMS?, es la gran cuestión a la hora de especificar el tamaño de la letra en CSS. En dicho artículo dan un vistazo a la manera de igualar los dos sistemas.
El tratar de determinar el tamaños del tipo de letra, es una parte del diseño que no puede pasarse por alto. Siempre ha existido la guerra entre la utilización de píxeles o EM. Cuando empecé con esto solía utilizar píxeles ya que permite la mayor precisión sobre el tamaño.
Luego aprendí que algunos navegadores no tratan muy bien los tamaños con los píxeles. Este es un gran problema de la accesibilidad para las personas con problemas de visión.
En la actualidad, la mayoría de los navegadores permiten cambiar el tamaño de texto, independientemente de qué unidad de medida se usa. Así que aún está sin contestar sobre que sistema seleccionar. Algunos usan EMS, pero eso no quiere decir que sea la norma, ya que muchos diseñadores gráficos prefieren píxeles.
Por si nos confundimos y conocemos lo que es exactamente un "em", quizás es eso lo que propicia la confusión. Aquí tenemos una manera de ayudarte es esto.
Por defecto
1em = 16px. Esto hace que sea difícil de traducir algunas mediciones a píxeles. Como por ejemplo, 11px = 0.688em.
Para hacer las cosas mucho más fácil para ti, utiliza lo siguiente para hacer 1em = 10px.
body { font-size: 62.5% }
Ahora usted puede convertir más fácilmente 11px a EM:
p { font-size: 1.1em }
Todo lo que tienes que hacer es cambiar el decimal un lugar a la izquierda para que más o menos cuadren.
Si esto lo encuentras un poco complicado y complejo, siempre puede encontrar una hoja de ayuda como la que puedes encontrar en encontrar en
Approximate Conversion from Points to Pixels (and Ems and %) de
RedDesign. También puede ser de utilidad la herramienta en línea
PXtoEM, que te permite convertir píxeles a em, y viceversa. Tal y como mencioné en un par de post anteriores.
Escrito por Toni
Comparte este artículo:
Estas son las categorías a las que pertenece el artículo ¿Píxeles o EMS en el tamaño de letra con CSS?:
Curiosidades, Tipografía, Desarrollo web, CSS, HTML