El uso de fuentes, como diseñador web, queda bastante limitado por tener que usar las fuentes «tipo» que el usuario tiene instaladas en su máquina. No vamos a entrar en este artículo en scripts especiales para poder usar otras fuentes.

Ahora gracias a las CSS y cada vez más, el usuario podrá tener la opción de decidir el tipo de letra con el que quiere ver nuestra web.

Decidir el tamaño de letra es muy importante a la hora de diseñar nuestra web, sin embargo hay que ser conscientes de que un mismo tamaño de letra no se ve igual por ejemplo, en Windows que en Mac. En un Mac, la resolución por defecto es de 72 dpi, mientras que en Windows es 96 dpi.

Las fuentes pequeñas son mucho más difíciles de leer, por lo que no es nada conveniente usar una fuente pequeña para grandes textos, pero esto no supone tampoco que debamos usar tamaños enormes de fuente. Entonces ¿cómo saber el tamaño de fuente correcto?. Los últimos estudios de usabilidad, aconsejan que sea el propio usuario el que pueda elegir este tamaño de letra, esto lo podemos solucionar con una CSS específica, en la que en lugar de tamaños absolutos usaríamos porcentajes de tamaño.

Hoy en día con navegadores como el firefox existe la posibilidad de modificar este tamaño a nuestro gusto, independientemente de que en la CSS hayamos puesto valores absolutos o relativos, basta con usar las teclas CTRL+ +, CTRL+ – ó CTRL+ 0 para aumentar, disminuir o dejar el valor predeterminado, para poder manejar a nuestro gusto los valores que nos hagan más fácil la lectura. Aunque esto no es válido para Internet Explorer, ya que si usamos tamaños absolutos, el poner la fuente grande o pequeña, no tiene ningún efecto sobre la pantalla.

Tenemos que contar con un aspecto muy importante y es que con las nuevas tendencias de diseño, la fuente ha pasado de ser pequeña a ser en muchas webs de tamaño extravagante. Es decir, ahora las fuentes son mucho más grandes sobre todo en los titulares, con lo cual una vez más hago referencia a la lógica del diseñador, yo no usaría fuentes de menos de 12 px para textos, y de ahí para arriba siempre y cuando el diseño lo permita. De todos modos las recomendaciones son usar tamaños en porcentajes y no absolutas, aunque he de confesar que yo no suelo hacerlo, ya que me gusta tener el control del diseño, por lo que suelo utilizar para textos Arial a 12px y luego juego con los h1, h2,… dándoles tamaños mucho mayores.

Consejos de legibilidad de Jakob Nielsen:

• No usar tamaños de fuente absoluto en las CSS. Código de los tamaños de fuente en términos relativos, por lo general, utilizando como porcentajes del 120% para las fuentes más grandes y el 90% para las más pequeñas.
• Si la web va destinada a la tercera edad, usar un mínimo de 12 puntos de fuente.
• Si es posible, evitar texto gráfico, ya que no se puede modificar ni desde el explorador ni desde la CSS. Si tiene que usar las imágenes de texto, asegúrese de que el tamaño de la fuente es especialmente grande (por lo menos 12 puntos), y que utiliza colores de alto contraste.
• Maximizar el contraste de color entre el texto y el fondo.

A continuación, os dejo una tabla de equivalencias de tamaños de fuente que puede resultar de gran utilidad.