El titular de tu web parece desequilibrado: la «A» y la «V» quedan demasiado separadas, aunque el resto de las letras se ve bien. El kerning ajusta pares concretos y el tracking espacia un grupo entero, pero el ajuste adecuado depende del tamaño y de la fuente.
Corrige el espacio que distrae sin perjudicar la lectura
- Kerning: ajusta el hueco entre dos caracteres concretos, como «A» y «V».
- Tracking: amplía o reduce de manera uniforme el espaciado de un texto seleccionado.
- Para decidir: corrige primero los pares que llaman la atención; modifica el bloque completo solo si el ritmo general lo pide.
- En una web: comprueba que el contenido siga visible cuando alguien aumenta el espaciado.
El kerning corrige pares; el tracking cambia el ritmo de todo el texto
En un rótulo grande, el hueco entre «A» y «V» puede parecer mayor que el que dejan otras letras, aunque la fuente haya asignado espacios iguales. El kerning permite compensar ese efecto entre caracteres específicos; el tracking aplica un cambio uniforme a un conjunto de letras.
Adobe distingue, además, entre kerning métrico, que usa los ajustes incluidos en la fuente, y óptico, que calcula el espacio según las formas contiguas. Para titulares y logotipos, esa diferencia da margen para afinar; en párrafos corridos, normalmente empezaría por conservar el espaciado previsto por la tipografía.
Si distrae una pareja, ajusta el kerning; si falla el conjunto, el tracking
Una palabra como «AVATAR» ayuda a detectar el problema: quizá el hueco entre «A» y «V» parezca abierto, mientras las demás letras mantienen un ritmo razonable. Retoca esa pareja antes de comprimir o expandir toda la palabra, porque el tracking también cambiaría las distancias que ya funcionan.
En cambio, si un rótulo en mayúsculas se ve apelmazado de principio a fin, prueba a aumentar ligeramente el tracking y compara el resultado a tamaño real. Mi criterio es reservar los ajustes globales para una sensación general de densidad y los manuales para desequilibrios localizados, sobre todo en textos breves y grandes.
| Lo que ves | Posible causa | Qué probar |
|---|---|---|
| Un hueco evidente en «AV» dentro de un titular | El espacio de ese par no parece equilibrado con los demás | Ajustar el kerning entre esas dos letras |
| Todas las letras de una etiqueta en mayúsculas se ven muy juntas | El tracking del conjunto puede ser demasiado cerrado para ese uso | Abrir un poco el tracking y revisar el rótulo a su tamaño final |
| Un párrafo entero parece extraño después de aplicar tracking | El cambio uniforme ha alterado el ritmo de lectura | Volver al espaciado normal y revisar primero la fuente y el tamaño |
En CSS, letter-spacing y font-kerning hacen trabajos distintos
En una página web, letter-spacing controla el espacio añadido entre caracteres; su valor positivo los separa y el negativo los acerca. Para probar una etiqueta, por ejemplo, puedes empezar con letter-spacing: 0.04em; y comprobar si sigue leyéndose con claridad en móvil. Ese valor es un punto de partida para la prueba, no una medida universal.
La propiedad font-kerning controla si el navegador usa la información de kerning guardada en la fuente. Puedes dejar que el navegador la gestione con auto o pedir su aplicación con normal; si la fuente no contiene datos de kerning, forzarlo no producirá un cambio visible. Para el espaciado general, en cambio, el control es letter-spacing.
La prueba de espaciado de WCAG detecta diseños que se rompen
Una etiqueta puede verse perfecta en condiciones normales y cortarse cuando alguien amplía el espacio para leer mejor. El criterio 1.4.12 de WCAG pide que el contenido siga disponible cuando se aplican ciertos cambios de espaciado, entre ellos un tracking de al menos 0,12 veces el tamaño de la fuente.
Ese valor sirve para comprobar que el diseño admite el ajuste del usuario; no significa que debas aplicarlo por defecto a todos los textos. Prueba los titulares, botones y tarjetas con esos cambios: si una caja de altura fija oculta letras o desaparece una etiqueta, deja que el contenedor crezca o permite que el texto salte de línea.
Deja que el titular destaque y que el texto respire
Para una portada, el orden más fiable es revisar primero la fuente y su kerning incorporado, después corregir pares visibles y al final decidir si el conjunto pide tracking. En el cuerpo del texto, prefiero cambios pequeños y comprobados frente a separar todas las letras por sistema: el titular debe atraer la mirada, pero el párrafo tiene que dejarla avanzar sin tropiezos.