Elegir una tipografía legible para tu sitio web

Rara vez se piensa en ello, y sin embargo lo condiciona todo: la tipografía, es decir, la elección y el formato de los caracteres de su sitio. Un texto demasiado pequeño, una fuente fantasiosa ilegible, un gris pálido sobre fondo blanco, líneas demasiado largas: y el visitante se cansa, entrecierra los ojos, abandona. A la inversa, un texto claro, bien dimensionado y cómodo de leer da una impresión de seriedad e invita a quedarse. Elegir una tipografía legible no es cuestión de gusto artístico: es ante todo comodidad y accesibilidad. Aquí le mostramos cómo hacer que el texto de su sitio sea agradable y legible para todos.

Por qué la legibilidad prima sobre la estética

La tipografía tiene un papel mucho más importante de lo que imaginamos. El texto es lo ESENCIAL de su sitio: la mayor parte de la información pasa por las palabras; si el texto es molesto de leer, todo lo demás queda comprometido, por muy bonito que sea el diseño. La legibilidad retiene a los VISITANTES: un texto cómodo invita a leer y a quedarse; un texto cansado ahuyenta; el visitante nunca debe tener que forzar para leerle. Es una cuestión de ACCESIBILIDAD: una buena legibilidad beneficia a todos, pero sobre todo a las personas con poca visión, a los mayores, a quienes leen en móvil o en malas condiciones; es un tema de inclusión. Inspira SERIEDAD: una tipografía cuidada y profesional tranquiliza; una fuente fantasiosa o un texto descuidado desprestigia. ¿Qué hace que un texto sea LEGIBLE? Un TAMAÑO suficiente: el texto no debe ser pequeño; mejor demasiado grande que demasiado pequeño. Un buen CONTRASTE: texto oscuro sobre fondo claro (o al revés); evite el gris pálido sobre blanco, difícil de leer. Una fuente SIMPLE y legible: caracteres claros y sobrios para el cuerpo del texto, no una fuente decorativa cansada. Líneas no demasiado LARGAS: una línea demasiado ancha es difícil de seguir; una anchura razonable descansa la vista. Un ESPACIADO cómodo: espacio entre las líneas y alrededor del texto facilita la lectura. Una ESTRUCTURA clara: títulos, párrafos cortos, espacios airean y guían. ¿Para qué sirve esto? Para RETENER a los visitantes (un texto agradable se lee); para INCLUIR a todos (accesibilidad); para INSPIRAR confianza (seriedad); y para HACER PASAR su mensaje (aún hay que leerlo). La idea principal: en un sitio, la legibilidad prima sobre la estética. Una tipografía no tiene que ser « original »; debe ser CÓMODA de leer para todos. Un texto lo suficientemente grande, bien contrastado, en una fuente simple, con líneas no demasiado largas y espacio: eso es lo que cuenta. El diseño más bonito no sirve de nada si no se puede leer el texto. Siempre priorice la comodidad del lector — al fin y al cabo, él es quien juzga su sitio.

Cómo hacer que su texto sea legible

Aquí tiene los ajustes y buenas elecciones para un texto cómodo. Un TAMAÑO de texto cómodo — el cuerpo del texto debe ser lo suficientemente GRANDE para leerse sin esfuerzo; en caso de duda, aumente en lugar de reducir; un texto demasiado pequeño es el error más frecuente; piense en las personas con poca visión (nuestras guías para agrandar el texto en pantalla). Un CONTRASTE fuerte — asegure un contraste nítido entre el texto y el fondo: texto oscuro sobre claro, o texto claro sobre oscuro; evite el gris claro sobre blanco, el texto de color pálido, o el texto sobre una imagen cargada que lo hace ilegible. Una FUENTE simple para el cuerpo — elija, para el texto corriente, una fuente sobria y legible (las fuentes sin adornos, con caracteres nítidos, son seguras); reserve las fuentes decorativas, si las quiere, para los TÍTULOS y con moderación; nunca para textos largos. Pocas FUENTES diferentes — una o dos fuentes bastan (por ejemplo, una para los títulos, una para el texto); multiplicar las fuentes da un aspecto desordenado; la coherencia da seriedad. Líneas de longitud razonable — evite las líneas de texto demasiado anchas que cruzan toda la pantalla; una anchura limitada (el texto no se extiende al infinito) descansa la vista y facilita la lectura. Espaciado — deje espacio: un espaciado suficiente entre las líneas, márgenes alrededor del texto, espacio entre los párrafos; un texto « apretado » es asfixiante. Una ESTRUCTURA aireada — divida con títulos y subtítulos, párrafos CORTOs, listas; un bloque de texto ininterrumpido desalienta; el aireado guía y aligera. Piense en MÓVIL — verifique la legibilidad en teléfono: el texto debe seguir siendo lo suficientemente grande y bien espaciado en pantalla pequeña, sin obligar a hacer zoom (nuestras guías para probar su sitio en móvil). PRUEBE en diferentes pantallas y personas — lea su sitio en móvil, en ordenador, y hágaselo leer a alguien; lo que a usted le parece legible no lo es necesariamente para todos. Algunos CONSEJOS: en la DUDA, más grande y más contrastado; SOBRIEDAD en lugar de originalidad para el texto corriente; y siempre piense en quien ve menos bien. En resumen: texto lo suficientemente grande, contraste fuerte, fuente simple, pocas fuentes, líneas no demasiado largas, espaciado generoso, estructura aireada, y verificación en móvil. La legibilidad se construye con estos ajustes simples, al servicio de la comodidad de todos.

El buen reflejo. Ante una elección de tipografía, siempre háganse una sola pregunta: ¿es fácil de LEER? No « ¿es bonito? » o « ¿es original? », sino « ¿es cómodo para el ojo? ». Porque en un sitio, la legibilidad siempre prima sobre la estética. Tres ajustes hacen lo esencial de la comodidad, y son justamente los que más se pasan por alto. Primero, el TAMAÑO: el texto casi siempre es demasiado pequeño; en caso de duda, agrándelo, aunque le parezca un poco grande — será perfecto para quienes ven menos bien, y cómodo para todos. Luego, el CONTRASTE: evite absolutamente el gris pálido sobre blanco, el texto de color claro, o el texto sobre una imagen cargada; apunte a texto oscuro bien nítido sobre claro (o al revés), para que cada palabra destaque sin esfuerzo. Por último, la FUENTE: para el cuerpo del texto, elija una fuente SIMPLE y sobria, con caracteres nítidos; guarde sus posibles fuentes fantasiosas para los títulos solamente, y con moderación — nunca para textos largos, donde se vuelven rápidamente agotadoras. Añada a esto dos gestos que airean: limite la ANCHURA de sus líneas (un texto que cruza toda la pantalla es cansado de seguir) y deje ESPACIO (entre las líneas, alrededor del texto, entre los párrafos cortos). Y sobre todo, haga LA prueba que cuenta: lea su sitio en un teléfono, en condiciones normales, y hágaselo leer a otra persona — idealmente, alguien un poco mayor. Lo que a usted le parece perfecto en su gran pantalla, a usted que conoce el contenido, puede ser molesto para un visitante en móvil que descubre. Sobrio, grande, contrastado, aireado: una tipografía que se hace olvidar, donde se lee sin pensar, es una tipografía exitosa. El lector nunca debe forzar; es su mensaje el que debe brillar, no sus caracteres.

Errores y desafíos de accesibilidad

Algunos errores de tipografía sabotan la lectura; y la legibilidad se une a un desafío mayor, la accesibilidad. Los errores FRECUENTES: el texto DEMASIADO PEQUEÑO (el error número uno: se quiere « hacer caber » o « hacer diseño », en detrimento de la lectura); el CONTRASTE insuficiente (gris pálido sobre blanco, colores claros, texto sobre imagen: bonito quizá, pero ilegible); las fuentes DECORATIVAS para el cuerpo del texto (cansadas, a veces directamente indescifrables); DEMASIADAS fuentes diferentes (aspecto desordenado); las líneas DEMASIADO LARGAS y el texto APRETADO (sin aire, agotador); y los BLOQUES de texto sin estructura (desalentadores). El desafío de ACCESIBILIDAD: una buena legibilidad no es un lujo, es una necesidad para parte de sus visitantes; las personas con POCA VISIÓN, los MAYORES, quienes leen en una pantalla pequeña o en malas condiciones (al sol, en movimiento) dependen de un texto grande y contrastado; un texto pequeño y pálido los EXCLUYE pura y simplemente; cuidar la legibilidad es incluir a todos (nuestras guías para hacer su sitio accesible a todos). EL RESPETO a la elección del visitante: un buen sitio deja que el navegador agrande el texto si el visitante lo desea; no bloquee esta posibilidad; es importante para quienes necesitan caracteres grandes. LA COHERENCIA: una tipografía debe ser uniforme en todo el sitio; estilos que cambian de una página a otra desorientan. LA TENTACIÓN del « diseño » en detrimento del lector: a veces se sacrifica la legibilidad por una estética de moda (texto minúsculo, gris de tendencia, fuente estilizada); es un error; el visitante que no puede leer se va, sin importar la tendencia. EL MÓVIL descuidado: un texto legible en pantalla grande puede ser demasiado pequeño o mal espaciado en teléfono; verifíquelo. En resumen: evite el texto demasiado pequeño, el contraste débil, las fuentes decorativas para el cuerpo, el exceso de fuentes, las líneas demasiado largas y los bloques; recuerde que la legibilidad es un desafío de accesibilidad que incluye o excluye a sus visitantes; deje que el texto se agrande; mantenga la coherencia; y nunca sacrifique la lectura por una estética. Un texto legible es un texto respetuoso con todos sus lectores.

Atención: una tipografía ilegible excluye a parte de sus visitantes. Hay que decirlo claramente: una mala legibilidad no solo es incómoda, EXCLUYE pura y simplemente a ciertas personas. Un texto demasiado pequeño, demasiado pálido, en una fuente alambicada, se vuelve directamente imposible de leer para una persona con poca visión, un mayor cuya vista ha disminuido, o alguien que lo consulta en su teléfono bajo el sol. Estos visitantes no « entrecierran los ojos » para hacer un esfuerzo: se van, por no poder leerle. Cuidar la legibilidad es, por tanto, un desafío de ACCESIBILIDAD e inclusión, no un simple refinamiento estético. La trampa más común, y la más dañina, es sacrificar la lectura por una estética « de moda »: se ven por todas partes sitios con texto minúsculo, en gris pálido de moda, en fuentes estilizadas pero cansadas — bonito en el boceto del diseñador, en su gran pantalla, cuando ya conoce el contenido; molesto, incluso ilegible, para el verdadero visitante que descubre. Nunca caiga en este error: entre una estética atractiva y un texto que todos pueden leer, elija siempre al lector. En concreto: mantenga un texto lo suficientemente GRANDE (en caso de duda, más grande), un CONTRASTE fuerte (nunca gris pálido sobre blanco, nunca texto sobre imagen cargada), y una fuente SIMPLE para el cuerpo del texto. No BLOQUEE la posibilidad, para el visitante, de agrandar el texto a través de su navegador o dispositivo: algunas personas lo necesitan absolutamente, y un sitio que se lo impide los echa. Verifique imperativamente la legibilidad en MÓVIL, donde muchos lo leerán, y en condiciones reales (no solo en su pantalla perfecta). La mejor prueba: haga que alguien mayor o con poca visión lea su sitio; si tiene dificultades, es que su tipografía excluye. Un texto que todos pueden leer sin esfuerzo no es una limitación: es el mínimo de respeto que debe a cada uno de sus visitantes.

Preguntas frecuentes

¿Qué tamaño de texto elegir para un sitio?

La regla más útil es simple: lo suficientemente grande para leerse sin esfuerzo, y en caso de duda, más grande que pequeño. El error más extendido en la web es un texto DEMASIADO PEQUEÑO: se busca « hacer caber » más contenido, o imitar una estética depurada de moda, en detrimento de la comodidad de lectura. Sin embargo, un texto de cuerpo (el texto corriente, no los títulos) debe ser cómodamente legible para un adulto medio, a distancia normal, SIN tener que entrecerrar los ojos o hacer zoom. Si duda entre dos tamaños, elija el más grande: un texto un poco generoso nunca ha ahuyentado a nadie, mientras que un texto demasiado pequeño ahuyenta y excluye a quienes ven menos bien. Piense especialmente en las personas mayores y con poca visión, para quienes un texto pequeño es un obstáculo infranqueable. Lo mejor es no razonar en números abstractos, sino PROBAR en condiciones reales: lea su sitio en un teléfono sostenido a distancia normal, en un ordenador, y hágaselo leer a alguien más; si alguno de ellos debe hacer un esfuerzo, agrándelo. Asegúrese también de que el texto siga siendo legible en MÓVIL (no debe volverse minúsculo en pantalla pequeña), y no bloquee la posibilidad de que el visitante agrande el texto a través de su dispositivo si lo necesita. En resumen, no hay un tamaño mágico universal, pero un principio claro: priorice siempre la comodidad del lector, y en caso de duda, vea grande. Un texto que se lee sin pensarlo es un texto del tamaño adecuado.

¿Puedo usar una fuente original para destacar?

Sí, pero con discernimiento y en el lugar adecuado: nunca en detrimento de la legibilidad del texto corriente. Una fuente original o distintiva puede efectivamente reforzar su identidad y destacar: pero tiene su lugar, y el cuerpo del texto no forma parte de él. El buen enfoque: reserve las fuentes ORIGINALES o decorativas para los TÍTULOS y los elementos puntuales (su logo, algunas frases de gancho), donde aportan carácter sin perjudicar la lectura; y para el CUERPO del texto — todo lo que el visitante debe leer realmente —, elija una fuente SIMPLE, sobria y legible, con caracteres nítidos. Una fuente fantasiosa utilizada para párrafos largos se vuelve rápidamente cansada, incluso indescifrable: el visitante abandona. Tenga también en cuenta la MODERACIÓN: una o dos fuentes bastan para todo un sitio (por ejemplo, una más caracterizada para los títulos, una muy legible para el texto); multiplicar más da un aspecto desordenado y amateur. Asegúrese finalmente de que su fuente « original » siga siendo correctamente legible y se muestre bien en todos los dispositivos. En resumen, sí, puede cultivar una personalidad tipográfica para destacar, pero inteligentemente: carácter en los títulos, claridad en el texto. El destacar nunca debe pagarse en comodidad de lectura; un sitio que se reconoce pero que cuesta leer lo ha fallado todo. La verdadera elegancia tipográfica es un texto que tiene estilo Y se lee sin esfuerzo.

¿Es tan importante el contraste de colores para el texto?

Sí, absolutamente: el contraste es uno de los factores más determinantes de la legibilidad, y uno de los más frecuentemente descuidados. El principio: para que un texto se lea fácilmente, debe DESTACAR claramente de su fondo. Un texto oscuro sobre fondo claro (el clásico) o un texto claro sobre fondo oscuro ofrecen un buen contraste: cada palabra destaca sin esfuerzo. Los problemas surgen con los contrastes DÉBILES: el gris pálido sobre blanco (muy de moda, y muy difícil de leer), el texto de color claro, o peor, el texto sobre una imagen o fondo colorido cargado que « come » el texto. Lo que puede parecer elegante y discreto en el boceto se convierte en un calvario para muchos lectores. El contraste es un desafío mayor de ACCESIBILIDAD: las personas con poca visión, los mayores, o simplemente quien lee en una pantalla bajo el sol necesitan imperativamente un contraste fuerte; un texto pálido los excluye. También es una cuestión de comodidad para todos: incluso una buena vista se cansa con un texto poco contrastado. La regla: priorice siempre un contraste FRANCO entre el texto y su fondo; evite el gris pálido y los colores desvaídos para el texto; y si coloca texto sobre una imagen, asegúrese de que siga siendo perfectamente legible (con un fondo oscurecido detrás, por ejemplo). Una buena prueba: mire su texto entrecerrando ligeramente los ojos, o en una pantalla a plena luz; si se vuelve difícil de distinguir, el contraste es insuficiente. Nunca sacrifique el contraste por una estética « suave »: la legibilidad va primero.

Lo que hay que recordar

La tipografía — la elección y el formato de los caracteres — condiciona lo esencial de su sitio, ya que la mayor parte de la información pasa por el texto. Sin embargo, en un sitio, la LEGIBILIDAD siempre prima sobre la estética: una tipografía no tiene que ser « original », debe ser CÓMODA de leer para todos. Lo que hace que un texto sea legible: un TAMAÑO suficiente (el error número uno es el texto demasiado pequeño: en caso de duda, vea más grande); un CONTRASTE fuerte (evite el gris pálido sobre blanco y el texto sobre imagen cargada; apunte a texto oscuro nítido sobre claro); una FUENTE simple y sobria para el cuerpo del texto (reserve las fuentes decorativas para los títulos, con moderación); pocas fuentes diferentes (una o dos); líneas de longitud razonable; un espaciado generoso; y una estructura aireada (títulos, párrafos cortos). Siempre verifique en MÓVIL y haga que alguien más lea su sitio: lo que a usted le parece legible, a usted que conoce el contenido en su gran pantalla, no lo es necesariamente para un visitante que descubre. Porque el desafío va más allá del confort: es una cuestión de ACCESIBILIDAD. Un texto demasiado pequeño, demasiado pálido o alambicado no solo es desagradable: EXCLUYE a las personas con poca visión, los mayores, quienes leen en móvil o en malas condiciones; se van, por no poder leerle. La trampa que hay que evitar absolutamente es sacrificar la lectura por una estética « de moda » (texto minúsculo, gris de tendencia, fuente estilizada): entre un boceto bonito y un texto que todos pueden leer, elija siempre al lector. No bloquee la posibilidad de agrandar el texto para quienes lo necesitan. Una buena tipografía se hace olvidar: se lee sin pensarlo, sin forzar. Sobria, grande, contrastada, aireada: así es como sirve a su mensaje y respeta a cada uno de sus visitantes. El diseño más bonito no vale nada si no se puede leer el texto; la claridad, en cambio, nunca decepciona.