02/12/2011 - Francesc Amo
Si estás creando un sitio web para tu empresa o negocio, seguro que te preocupas por aspectos como el diseño o el contenido. Pero hay otro aspecto importante que se suele olvidar: la tipografía.
El tipo de letra que elijas y su uso condiciona mucho la legibilidad de la web: si la fuente utilizada resulta difícil de leer, el visitante se cansará y se acabará marchando de tu página. Esto es doblemente negativo porque perderás una oportunidad de convertir la visita en una venta y además los buscadores como Google penalizarán a tu página debido a la reducida duración de las visitas que recibes.
Para evitar que eso ocurra, lee estos diez consejos fundamentales sobre tipografías para web.
10 consejos de tipografía básicos para tu web
- Elige una fuente diseñada para leer en pantalla, por ejemplo Verdana, Georgia o Trebuchet. Evita tipografías pensadas para el papel como Times New Roman. Más fuentes recomendadas.
- No utilices más de tres tipos de letra en una misma página, ya que confunde a los usuarios. Si quieres destacar algo, usa recursos como los colores, negritas, subrayados, cursivas, etc.
- No abuses de las mayúsculas: dificultan la lectura. Úsalas sólo al principio de las palabras que deban llevarlas y en las siglas, no en los títulos ni para destacar palabras (ver consejo 2).
- Recuerda que no todas las fuentes se ven bien en todos los navegadores. Para asegurarte, elige una fuente común y usa herramientas como Browser Shorts para verificar como queda.
- Si usas colores en el texto, haz que combinen con el resto de elementos de la web: logotipo, pastillas, menús, etc. La fórmula más adecuada para leer es texto oscuro sobre fondo claro.
- Emplea un tamaño de letra adecuado, de mínimo 14 píxeles. Ten en cuenta que la lectura en pantalla cansa la vista. Otra ventaja de usar fuentes grandes es que necesitarás menos texto.
- Añade títulos, negritas y destacados al texto y separa las frases en párrafos de 3 o 4 líneas. De esta forma, el texto será más apetecible y el lector podrá hallar fácilmente lo que busca.
- No justifiques el texto alineándolo por igual a ambos lados de la página. Cuando el final de cada línea es desigual, resulta más fácil para el ojo saltar de una a otra. ¡Y no queda mal!
- Recuerda que hasta el 30% de los usuarios accede a Internet desde un dispositivo móvil. Así que verifica cómo se visualiza tu web en los móviles con emuladores como iPhone Tester.
- Si deseas diferenciar tu web con una tipografía “especial”, hallarás librerías de fuentes en sitios como éste. Sin embargo, asegúrate de que la soporten los principales navegadores web.
... seguir leyendo Cómo elegir el tipo de letra más adecuado para tu web