Crea un sitio flash gratis

¿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


favoritoInsertar un Comentario


Nombre:

Email:

Comentario:

Escribe la siguiente palabra: No lo entiendes? Cambia el texto!

favoritoComentarios

LorieWolf22 el 28/06/2011 a las 03:42:17

Following my monitoring, millions of people all over the world receive the loans from good creditors. So, there\'s great possibilities to get a auto loan in any country.