La semana pasada tuve la visita en el trabajo de la responsable de discapacidad de una universidad de Lituania y, en mitad de la conversación, me lanzó una pregunta que me dejó pensando:
¿Qué tipografía es más recomendable: Arial o Verdana?
La pregunta me sorprendió y contesté algo parecido a cualquiera de las dos es buena. Pero me quedé con ganas de profundizar, porque cuando hablamos de accesibilidad, a veces damos por hecho cosas que no están tan claras.
Yo, por gusto personal, tiendo a elegir Arial (me resulta más limpia y familiar). Pero cuando miras esto desde accesibilidad, la pregunta cambia. Soy consciente de que hay caracteres parecidos (0/O, I/l/1) o pares que se confunden por forma (d/b, q/p) y eso puede complicar la lectura, sobre todo a personas con baja visión (y en algunos casos, también a personas con dificultades de lectura).
¿Entonces por qué la uso yo? Pues lo dicho: porque estoy acostumbrado 🙂
En este artículo voy a hablar de Arial y Verdana, lo que he encontrado sobre ellas, y una tercera fuente que estoy usando en mi web: Atkinson Hyperlegible Next.
Arial vs Verdana: por qué seguimos hablando de esto
Durante años, Arial y Verdana se han usado como “fuentes seguras” en web y documentos. Y no es casualidad que Verdana aparezca siempre en el debate: se diseñó específicamente para pantalla, para aguantar bien tamaños pequeños (y en su época, pantallas con menos definición que las actuales).
Arial, en cambio, es tan ubicua que a veces la elegimos por inercia. Está en todas partes, la hemos visto siempre y “no molesta”.
Hay investigaciones comparando tipografías típicas (Arial, Verdana, Georgia, Times…) midiendo velocidad de lectura, comprensión y preferencia en pantalla y/o en papel. Y la idea que se repite es bastante sensata: no hay un ganador universal. En general, Verdana suele rendir bien en lectura en pantalla en condiciones típicas, pero la diferencia no siempre es enorme y depende del contexto.
Comentario: En mi experiencia, muchas veces lo que marca la diferencia no es tanto “la fuente”, sino el formato: tamaño, interlineado, longitud de línea, espaciado… Puedes poner la mejor tipografía del mundo y fastidiarla con texto apretado, líneas eternas y poco contraste.
Atkinson Hyperlegible Next
Hace años conocí una tipografía que me gustó mucho: Atkinson Hyperlegible. Y, hace poco, he empezado a usar su evolución: Atkinson Hyperlegible Next.
La historia me parece bonita porque no nace de “tendencias de diseño”, sino de una necesidad muy concreta: hacer la lectura más fácil, especialmente para personas con baja visión. La tipografía original se presentó en 2019 impulsada por Braille Institute (junto con Applied Design Works) y en febrero de 2025 lanzaron Atkinson Hyperlegible Next, una versión ampliada y más completa.
Aquí hay un cambio de enfoque interesante: Arial y Verdana no se diseñaron para “evitar confusiones letra a letra”; Atkinson sí pone el foco en eso.
¿En qué se diferencia de Arial o Verdana?
Para mí, entender “para qué” se creó cada una ayuda a elegir sin fanatismos:
- Verdana: pensada para ser robusta en pantalla, especialmente a tamaños pequeños.
- Arial: muy extendida y familiar; suele funcionar bien, pero no está “obsesionada” con separar caracteres parecidos.
- Atkinson Hyperlegible Next: diseñada para que los caracteres sean lo más distinguibles posible, reduciendo confusiones típicas como I/l/1 u O/0.
¿Para qué colectivos puede ser especialmente beneficiosa?
Donde más sentido le veo (y donde se diseñó para brillar) es aquí:
- Personas con baja visión (objetivo principal del proyecto).
- Personas que confunden caracteres parecidos o se cansan rápido leyendo (pantallas, interfaces con datos, formularios, textos densos).
- Contextos donde una confusión no es “solo estética”: códigos, referencias, números, identificadores, contraseñas… (aquí distinguir bien los caracteres evita errores).
Nota rápida: dislexia. Esto lo comento porque sale mucho: hay investigaciones que no encuentran mejoras claras en velocidad o precisión solo por cambiar a una “fuente para dislexia” (por ejemplo OpenDyslexic). En cambio, el espaciado del texto sí aparece de forma recurrente como un factor importante para mucha gente y, además, WCAG lo recoge en el criterio de Text Spacing.
Cómo se usa Atkinson Hyperlegible Next
Aquí viene un detalle práctico que a veces se olvida:
Para usar una tipografía en documentos (Word, PowerPoint, PDF generado desde tu equipo), normalmente necesitas tenerla instalada en el ordenador. Si no está instalada, el sistema o el programa la sustituirá por otra parecida y perderás justo lo que estabas buscando (esa “distinción” entre caracteres).
Opciones típicas:
- Web: puedes cargarla desde Google Fonts o alojarla tú (self-host) y aplicarla con CSS.
- Documentos: descargas el archivo de fuente e instalas la tipografía en el sistema. Después ya aparece en Word/LibreOffice/PowerPoint.
En documentos compartidos (Word/PPT) esto es clave: si el receptor no tiene la fuente, verá otra. En PDF suele ser más estable si el PDF lleva la fuente incrustada (según cómo se exporte), pero eso ya es otro melón.
Recomendación práctica (sin complicarnos)
Si tuviera que dejar una guía sencilla, sería:
- Si buscas lo de siempre y muy compatible: Arial.
- Si te preocupa mucho lectura en pantalla a tamaños pequeños: Verdana.
- Si quieres apostar por legibilidad y diferenciación de caracteres (y te encaja su estética): Atkinson Hyperlegible Next.
Y, por encima de todo, cuida esto (porque impacta muchísimo):
- tamaño razonable
- interlineado cómodo
- líneas no eternas
- espaciado que no “apriete” el texto
- contraste suficiente
Mini prueba en mi web
En mi caso, en documentos sigo usando Arial muchas veces por familiaridad (y por compatibilidad). Pero en contenidos web estoy utilizando Atkinson Hyperlegible Next porque se lee muy bien y reduce confusiones entre caracteres, además de que me gusta cómo queda. De hecho aquí en mi web la estáis leyendo!
Aquí podéis verla y descargarla en Google Fonts: Atkinson Hyperlegible Next.
Y vosotras/os… ¿Cuál os gusta más?
Referencias
- Braille Institute (2025). Braille Institute launches enhanced Atkinson Hyperlegible font to make reading easier.
Enlace - Braille Institute. Atkinson Hyperlegible (fuente gratuita).
Enlace - Bernard, M. et al. (2002). Which Font Do Children Prefer to Read Online? (comparativa de fuentes comunes en lectura en pantalla).
Enlace - Microsoft Typography. Verdana (información de la fuente).
Enlace - W3C WAI / WCAG 2.2. Understanding Success Criterion 1.4.12 Text Spacing.
Enlace
Comentarios