Tamaño de letra: emes vs píxeles

Publicado por Fran Tarifa

10 Diciembre, 2005

Estos son los dos tamaños de letra más utilizados en las páginas web, pero cuál es el mejor?? Pues aquí voy a intentar aclarar un poco las ventajas e inconvenientes de cada uno de los dos.Los defensores de la accesibilidad y los creadores de CSS siempre han estado de acuerdo en que la solución eren las emes. Así que en la teoría y según lo que nos dicen las guías de accesibilidad para expresar el tamaño de la letra siempre hay que usar unidades emes. Pero al llevar esto a la práctica nos encontramos con algún problema.

Por ejemplo, el problema de los navegadores antiguos. Netscape 4 ignora las unidades eme que se aplican al texto. IE3 trata a las unidades eme como píxeles, de esta forma 2 em se traduce incorrectamente por 2 px. Del mismo modo, los navegadores antiguos desperdician la herencia en elementos anidados cuyo tamaño se expresa en unidades eme. Además las unidades eme tienen problemas cuando se especifica el texto por debajo del tamaño predeterminado del usuario.

En cambio, las unidades de píxel funcionan tanto en navegadores antiguos como en nuevos, en navegadores compatibles e incompatibles, y en cualquier plataforma que se nos ocurra. Pero como todo tiene algunos inconvenientes. En IE/Windows, los usuarios no pueden cambiar el tamaño del texto definido en píxeles, es decir, no pueden hacer el zoom de texto que tienen el resto de navegadores.

Por tanto, cual es la solución?? Pues las dos son buenos dependiendo de los casos. Si queremos seguir las guías de accesibilidad usaremos unidades emes, sabiendo el problema que tienen en los navegadores antiguos (pero estos navegadores no van a estar toda la vida), y si no somos tan estrictos con la accesibilidad y nos manejamos mejor con píxeles pues será esta la unidad que usaremos, pero teniendo en cuenta que hay que proporcionar algún artilugio (en otro articulo se explicará) de tamaño de texto dirigido por el DOM para solucionar las limitaciones de IE/Windows.

Enviar a: These icons link to social bookmarking sites where readers can share and discover new web pages.