5.1.1. —perdido, buscando el diseño ideal

Pueden empezar enterándose de lo que hablo en Yahoo! UI Library: Fonts CSS. Básicamente, ofrecen una hoja de estilos que define un tamaño base de la tipografía igual para todos los navegadores y que además se puede redimensionar. La hoja de estilos incluye esta regla:

body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

*font-size:small y *font:x-small están apuntandos a Internet Explorer 6 y 5 respectivamente.

Cuando se trata de accesibilidad y el permitir modificar el tamaño del texto, el consejo generalizado es usar la unidad de medida em o sino porcentajes. Una razón para esto es que Internet Explorer no modifica el tamaño del texto definido en pixels; pero por otro lado, Opera y Firefox si lo hacen, entonces ¿dónde está el problema de definir 13 pixels como tamaño base? ¡En que se están cagando en la configuración del usuario!

Si el navegador está configurado para usar un tamaño base de 16 pixels (como la mayoría), entonces 0.8em (u 80%) equivalen a el buscado 13px. ¿Pero si en mi configuración el tamaño base fueran 24 pixels? Suponiendo que definieran el tamaño del texto en vuestro sitio como 80%, en mi navegador yo vería el texto con un tamaño de 19 pixels —lindo tamaño; pero si lo definen 13 pixels tendría que molestarme en aumentar el tamaño cada vez que visitara un sitio diferente.

Ya ven que no todo se limita a permitir cambiar el tamaño del texto.