Tamaño de fuente relativo

sisi escribió esto a las 11:56

Doy ahora un paso más y me decido a cambiar mi css y definir los tamaños de fuente en unidades relativas.
¿Relativas? ¿Relativas a qué?
Al principio estaba convencida de que al menos tendría que definir un tamaño de fuente en pixels para que el resto se definiera de forma adecuada con respecto a éste. Pero no es así. Los navegadores que he probado: IExplorer, Firefox (Windows yLinux) y Opera (Windows y Linux) generan un tamaño de fuente por defecto de 16px. Así que las medidas pueden ser relativas con respecto de este tamaño ya desde el prinicpio, desde la definición de fuente en la etiqueta “body”.
¿Y por qué tengo que definir un tamaño relativo de fuentes si tanto en Firefox como en Opera puedo variar siempre el tamaño de las fuentes a voluntad?
Pues porque si tenemos una definición de tamaño en pixels IExplorer no nos dejará variar el tamaño de fuente, con el consiguiente problema de accesibilidad para los usuarios de este navegador.
¿Y por qué no cambian de navegador?
Algunos no podrán, otros sencillamente no querrán … Este blog tiene un número muy pequeño de visitas, pero me gustaría que si alguien no accede a sus contenidos sea porque no desea hacerlo y no porque no pueda.
¿Y por qué los tamaños que has definido ahora acaban todos en 6 o en 2?
La explicación la encontré aquí:

Así nos enteramos de que:

  • El tamaño de fuente del 76% equivale a 12px.
  • Para Opera, un tamaño de 75% equivale a 11px y no a 12px. Subir el tamaño a 76% uniformiza el resultado a 12px para los tres navegadores.
  • El asunto está en que la definición de body se haga en % mientras que la del resto de tamaños puede hacerse en em. Aunque las dos formas serían equivalentes, parece que así nos evitamos resultados indeseados … pero esto no lo tengo tan claro …
  • Y, por supuesto hay que probar y probar porque los resultados del redondeo pueden ser bastante extraños.
Comparte este artículo:
  • Meneame
  • del.icio.us
  • Digg
  • Facebook
  • TwitThis
  • Google
  • Live
  • E-mail this story to a friend!
  • Print this article!

Artículos relacionados:

3 comentarios en “Tamaño de fuente relativo”


  1. Ana* dice:

    Ésta sí que me la sabía. Bueno, sólo la primera parte. De lo último no tenía ni idea. Yo hasta ahora todo lo he puesto en em, y creo que no ha ido mal. Me refiero a lo que he hecho yo, ya sabes que lo que tengo ahora es -por suerte- cosa ajena.


  2. sisifodichoso dice:

    No sé, dicen que hay navegadores que no interpretan bien, imagino que en “body”, un em por debajo de 1 … pero eso me suena muy raro. ¿Será cosa de navegadores antiguos? :?


  3. Cruzul dice:

    Yo he repasado las mías que también revisé hace un tiempo (creo que cuando overflow) y las puse todas como Ana en em por el mismo tema de la accesibilidad. También tengo 0.8em en body pero ya no recuerdo porqué lo puse :roll: