Esta página fue traducida con asistencia de IA. El original en inglés es la versión autorizada.
El interletraje — letter-spacing, en términos de CSS — es el ajuste uniforme del espacio entre todos los caracteres de un tramo de texto, a diferencia del kerning, que ajusta pares individuales. La edición de 2005 de este capítulo recomendaba un modesto aumento del interletraje para los bloques de texto en pantalla, razonando que el tosco renderizado en píxeles apiñaba las formas de las letras y que un poco de aire adicional ayudaba. Aquel consejo era producto de su entorno de renderizado, y ya no se sostiene como regla general. La posición actualizada es más condicional: el interletraje es una herramienta dependiente del tamaño que ayuda en los extremos de la escala tipográfica y suele perjudicar en el medio, donde vive el texto de lectura.
Qué cambió desde 2005
Tres cosas revocaron la recomendación original. Primero, el renderizado mejoró. En 2005, las fuentes de pantalla se ajustaban (hinting) a una retícula tosca y el interletraje solo podía modificarse en incrementos de píxeles enteros — el texto original señalaba esa restricción explícitamente. El posicionamiento subpíxel, las pantallas de alta densidad y los valores fraccionarios de CSS (letter-spacing: 0.01em es perfectamente legal) eliminaron tanto el problema del apiñamiento como la restricción a números enteros. Las tipografías de lectura diseñadas para pantalla se asientan ahora en su espaciado previsto, y la razón del diseñador para abrirlas se ha evaporado en gran medida.
Segundo, el panorama de la investigación maduró — y se volvió menos ordenado. Los estudios sobre el aumento del interletraje para lectores con dislexia atrajeron amplia atención a principios de la década de 2010, y algunos reportaron mejoras significativas en velocidad y precisión de lectura en niños. Pero el trabajo posterior ha sido dispar: los efectos varían con el lector, la tipografía, el idioma y cómo el espaciado interactúa con el espacio entre palabras. Para los lectores con baja visión, la evidencia es igualmente equívoca — el espaciado adicional puede reducir el apiñamiento perceptivo (crowding, un fenómeno perceptivo real en la visión periférica y de baja agudeza), pero también alarga las líneas y separa las palabras, lo que acarrea sus propios costes. El resumen honesto en 2026: el espaciado aumentado ayuda a algunos lectores en algunas condiciones, y no existe un ajuste universal que beneficie a todos. Eso desaconseja incrustar un compromiso en la hoja de estilos y aboga por garantizar que los lectores puedan aplicar el suyo propio.
Tercero, eso es exactamente lo que las WCAG formalizaron. El Criterio de Éxito 1.4.12 Espaciado del Texto (Nivel AA en WCAG 2.1 y 2.2) exige que el contenido tolere un interletraje aplicado por el usuario de 0.12 veces el tamaño de la fuente — junto con un espacio entre palabras de 0.16em y un interlineado de 1.5 — sin pérdida de contenido ni de funcionalidad. La obligación del diseñador no es elegir el interletraje perfecto; es construir maquetaciones que sobrevivan cuando el lector elige el suyo.
El interletraje depende del tamaño
El principio más duradero de este capítulo es que el interletraje apropiado varía de forma inversa al tamaño. Los diseñadores de tipos espacian las fuentes para un rango objetivo de tamaños; cuando se compone texto muy fuera de ese rango, el espaciado necesita corrección.
En tamaños pequeños — leyendas, notas al pie, etiquetas de datos, microtextos de interfaz — las formas de las letras se apiñan perceptivamente aun cuando son métricamente correctas, y un pequeño interletraje positivo (del orden de una o dos centésimas de cuadratín) mejora genuinamente la legibilidad. Las composiciones en mayúsculas y versalitas son el caso más contundente: las mayúsculas fueron diseñadas para iniciar palabras en minúscula, no para sentarse unas junto a otras, y las etiquetas compuestas solo en mayúsculas casi siempre se benefician de un interletraje abierto, a menudo de cinco a diez centésimas de cuadratín.
En los tamaños de lectura, el espaciado predeterminado es la intención del diseñador, y las desviaciones suelen ser pérdidas. El interletraje positivo debilita las siluetas de las palabras — la envolvente "bouma" que los lectores usan para el reconocimiento rápido de palabras — y diluye el contraste entre el espacio entre letras y el espacio entre palabras que señala los límites de las palabras. El interletraje negativo en tamaños de lectura es peor, pues reintroduce el apiñamiento que más daña a los lectores con baja visión.
En los tamaños de display, la corrección se invierte: los titulares grandes a menudo se ven sueltos con el espaciado predeterminado porque las métricas se afinaron para tamaños menores, y un ligero interletraje negativo los aprieta. Esto es un refinamiento, no un requisito, y nunca debe aplicarse a texto que un usuario pueda agrandar hasta cumplir funciones de lectura.
Fuentes variables frente a interletraje mecánico
El interletraje mecánico — insertar espacio uniforme entre glifos dibujados para otro ritmo — es siempre un compromiso. Las fuentes variables ofrecen algo mejor. Las tipografías construidas con un eje de tamaño óptico cambian su dibujo real según el tamaño: los tamaños ópticos menores llevan espaciado más ancho, trazos más robustos y alturas de la x mayores, mientras que los tamaños de display se aprietan y refinan. Los navegadores lo aplican automáticamente mediante font-optical-sizing: auto cuando el eje existe. Donde una fuente variable ofrezca tamaño óptico (o, más raramente, un eje dedicado de grado o de espaciado), prefiéralo al letter-spacing manual: el diseñador ha resuelto el espaciado por tamaño de forma integral, no mediante relleno uniforme. El interletraje mecánico sigue siendo el recurso de reserva para las fuentes estáticas y para convenciones como las etiquetas en mayúsculas que ningún eje aborda.
Precauciones prácticas
Especifique siempre letter-spacing en unidades em para que escale con el tamaño de la fuente; un valor en píxeles que es sutil a 16px se vuelve destructivo cuando el usuario hace zoom o agranda el texto. Recuerde que el interletraje añadido anula en la práctica los pares de kerning — otra razón para mantener valores pequeños. Y pruebe cada componente con los valores de ajuste del 1.4.12: las etiquetas de navegación con interletraje abierto en contenedores de ancho fijo son un lugar habitual donde el texto se recorta o se parte de forma destructiva cuando un lector añade su propio 0.12em.
En CSS
p { letter-spacing: normal; } /* body text: hands off */
.caps-label { letter-spacing: 0.08em; } /* open short caps runs */
/* Must survive the WCAG 1.4.12 user override without breaking:
letter-spacing: 0.12em applied to all text */Recomendaciones
- No aplique interletraje al texto de lectura; el espaciado predeterminado de la tipografía es el valor correcto.
- Añada un interletraje positivo modesto (aproximadamente 0.01–0.02em) al texto muy pequeño, y más (aproximadamente 0.05–0.1em) a las etiquetas en mayúsculas o versalitas.
- Aplique un ligero interletraje negativo solo en tamaños de display grandes, y solo tras comprobar el resultado en tamaños agrandados por el usuario.
- Prefiera fuentes variables con eje de tamaño óptico antes que el interletraje mecánico; active font-optical-sizing.
- Especifique todo letter-spacing en unidades em, nunca en píxeles.
- Verifique que no haya recortes, superposiciones ni pérdida de funcionalidad cuando los usuarios apliquen los ajustes de espaciado de WCAG 1.4.12.
- Trate la personalización del espaciado como prerrogativa del lector: construya tolerancia, no un único valor de interletraje "accesible".