Esta página fue traducida con asistencia de IA. El original en inglés es la versión autorizada.
El kerning es el ajuste del espacio entre dos caracteres específicos; el espaciado entre palabras es el ritmo de los huecos entre palabras a lo largo de una línea. Ambos sirven al mismo objetivo: una textura lo bastante uniforme para que el ojo avance por el texto en barridos suaves en lugar de tropezar con grumos oscuros y agujeros blancos. En 2005, este capítulo sostenía que la calidad del espaciado estaba en gran medida a merced de la tipografía y del motor de renderizado, y que la alineación justificada en pantalla degradaba la facilidad de lectura. Veinte años después, la primera afirmación necesita una revisión sustancial. La segunda, con una salvedad importante, sigue en pie.
Qué cambió desde 2005
La edición original trataba el kerning como algo que la web en su mayor parte no podía hacer. Las fuentes se rasterizaban a toscas retículas de píxeles, los navegadores a menudo ignoraban los pares de kerning, y a los diseñadores se les decía que eligieran tipografías que sobrevivieran a ese abandono. Ese mundo ha desaparecido. Todos los navegadores modernos aplican por defecto el kerning OpenType al texto de cuerpo — la propiedad CSS font-kerning tiene auto como valor predeterminado, lo que habilita los datos de kern a tamaños de texto — y el posicionamiento de subpíxel hace que esos ajustes efectivamente se rendericen. El consejo práctico se ha invertido: ya no se lucha por el kerning; se hereda, y su trabajo es no romperlo.
El segundo gran cambio es regulatorio. WCAG 2.1 introdujo el Criterio de Conformidad 1.4.12 Espaciado del texto (nivel AA, mantenido en WCAG 2.2), que exige que el contenido no pierda funcionalidad ni contenido cuando un usuario anula el espaciado — específicamente el interletraje a 0.12 veces el tamaño de la fuente y el espaciado entre palabras a 0.16 veces el tamaño de la fuente, junto con aumentos del interlineado y del espaciado entre párrafos. Esto replantea el espaciado por completo. No es solo una decisión estética que el diseñador toma una vez; es una variable que el lector tiene derecho a cambiar. Los contenedores de altura fija, los botones apretados y las etiquetas propensas al truncamiento que se recortan o solapan cuando un usuario aplica estas anulaciones son fallos de accesibilidad. Pruebe sus maquetaciones con un bookmarklet o una extensión de navegador de espaciado de texto antes de publicar.
Tercero, el CSS expone ahora controles reales. La propiedad word-spacing ajusta directamente los huecos entre palabras, letter-spacing maneja el interletraje (véase el capítulo siguiente), y font-kerning y font-feature-settings dan acceso explícito al comportamiento OpenType. Más reciente todavía, text-wrap: pretty pide al navegador que invierta un esfuerzo extra en la partición de líneas — evitando huérfanas y malos puntos de ruptura — lo que mejora silenciosamente la textura del espaciado en el texto con margen derecho irregular sin ninguna intervención manual.
El kerning en la práctica
Como el kerning está activado por defecto, los fallos restantes son en su mayoría autoinfligidos. Un interletraje positivo agresivo anula en la práctica los pares de kern al ahogarlos en espacio añadido, que es una de las razones por las que aplicar interletraje al texto de cuerpo es arriesgado. Las fuentes de exhibición mal construidas todavía se distribuyen con tablas de kern escasas, y a tamaños de titular esos huecos son llamativos — los clásicos pares problemáticos como una T o una V mayúscula seguida de una vocal minúscula. A tamaños de exhibición es razonable corregir un par concreto a mano, pero si una tipografía necesita corrección constante, es la tipografía equivocada.
Una preocupación genuina de 2005 sobrevive: la calidad de la fuente sigue importando. Las fuentes variables y las fuentes web producidas profesionalmente suelen llevar datos completos de espaciado y kerning; las fuentes gratuitas de procedencia incierta a menudo no. Evalúe una tipografía candidata componiendo párrafos reales, no una línea de espécimen.
Espaciado entre palabras y justificación
El hallazgo original — que la alineación justificada disminuye la facilidad de lectura en pantalla — sigue siendo correcto en su forma habitual, pero el mecanismo merece precisión. La justificación completa fuerza cada línea a una medida fija estirando o comprimiendo los espacios entre palabras. Sin partición de palabras, el algoritmo tiene pocos puntos de ruptura con los que trabajar, así que algunas líneas acaban con huecos cavernosos entre palabras. Cuando esos huecos se apilan verticalmente a lo largo de líneas sucesivas, forman "ríos" de espacio blanco que descienden por el párrafo. Los ríos son más que feos: compiten con el recorrido horizontal de lectura, y los lectores que dependen de señales de espaciado estables — incluidos muchos lectores con dislexia — se ven desproporcionadamente afectados. El espaciado desigual entre palabras perturba la previsualización parafoveal que permite al ojo planificar su siguiente sacada.
El impreso resolvió esto hace siglos con la partición de palabras y la justificación trabajando juntas, y la web puede ahora en principio hacer lo mismo: el CSS hyphens: auto habilita la partición basada en diccionario en la mayoría de los navegadores, y reduce drásticamente la varianza de espaciado del texto justificado. Pero la justificación de los navegadores sigue siendo un algoritmo simple línea a línea, no la optimización a nivel de párrafo de los programas profesionales de maquetación, así que incluso el texto justificado con partición en la web rara vez iguala la uniformidad de un libro bien compuesto. La conclusión pragmática: use texto con margen derecho irregular (alineado a la izquierda) como predeterminado para la lectura en pantalla. Si un diseño requiere genuinamente justificación, habilite la partición de palabras, mantenga la medida generosa e inspeccione el resultado a anchos estrechos — el texto justificado en una columna estrecha es donde se crían los ríos.
Nótese también que el Criterio de Conformidad 1.4.8 Presentación visual (nivel AAA) de WCAG 2.2 lista explícitamente "el texto no está justificado" entre sus requisitos para los bloques de texto. Incluso al nivel AA al que apuntan la mayoría de los equipos, esa es una señal fuerte de dónde aterrizaron los autores del estándar.
El espaciado entre palabras como variable de diseño
La manipulación directa de word-spacing rara vez es necesaria para el texto de cuerpo — el glifo de espacio incorporado en la tipografía suele ser el correcto — pero se gana el pan en los casos límite: abrir ligeramente los huecos entre palabras en etiquetas de navegación en mayúsculas sostenidas, o apretarlos en composiciones grandes de exhibición donde los espacios predeterminados parecen sobredimensionados. Cualquier ajuste debe especificarse en unidades relativas al em para que escale con el texto, y debe tolerar las anulaciones del usuario que exige el 1.4.12. Si su maquetación solo funciona exactamente con el espaciado que usted eligió, no funciona.
En CSS
body {
font-kerning: normal; /* on by default — never disable it */
text-align: left; /* justification without hyphenation makes rivers */
}
p { text-wrap: pretty; }
/* If justification is required, hyphenate: */
.justified { text-align: justify; hyphens: auto; }Recomendaciones
- Componga el texto de cuerpo con margen derecho irregular por defecto; trate la justificación completa como una excepción que requiere hyphens: auto y pruebas a anchos estrechos.
- Deje font-kerning en su valor predeterminado; no desactive el kerning, y evite el interletraje intenso que arrolla los pares de kern.
- Use text-wrap: pretty en el texto de cuerpo donde esté soportado para mejorar los puntos de ruptura y la textura del espaciado a un coste casi nulo.
- Especifique cualquier ajuste de word-spacing o letter-spacing en unidades em, nunca en píxeles.
- Verifique que las maquetaciones sobreviven a las anulaciones de WCAG 1.4.12 — interletraje 0.12em, espaciado entre palabras 0.16em, interlineado 1.5 — sin recortes, solapamientos ni contenido perdido.
- Elija tipografías con tablas completas de kerning y espaciado; júzguelas por párrafos compuestos, no por especímenes.