space_bar Convertidor de Espaciado de Letras (Tracking → CSS) star

Entonces ya es el valor CSS en px; introdúcelo en el campo px con el tamaño de fuente fijado correctamente, y lee el equivalente en em para un CSS que escale bien entre distintos tamaños de tipografía. Figma en realidad admite tanto porcentaje como px para el espaciado entre letras según la configuración del archivo, así que conviene comprobar cuál usa tu sistema de diseño antes de pasar los valores a desarrollo.

Las mayúsculas están dibujadas para convivir cómodamente junto a minúsculas con sus ascendentes y descendentes; compuestas solas, sin ninguna minúscula que las equilibre, se leen visualmente apretadas. +5% a +15% (tracking 50-150) es la solución clásica para etiquetas todo en mayúsculas, elementos de navegación y textos destacados cortos, abriendo las formas de las letras lo suficiente para leerse con comodidad de un vistazo.

El tracking añade un espaciado uniforme a todo un tramo de texto —una palabra, una línea o una selección completa—. El kerning ajusta el espacio solo entre un par de letras adyacentes, como "AV" o "To", donde las formas se solaparían o dejarían un hueco visual extraño. CSS también los trata por separado: letter-spacing controla el tracking, mientras que font-kerning (normalmente dejado en "normal") controla el kerning por pares extraído de la propia tabla de kerning integrada en la fuente.

El letter-spacing de CSS añade espacio después de cada carácter, incluido el último —una peculiaridad de la especificación que pilla desprevenidos a muchos desarrolladores—. En texto centrado o alineado a la derecha, ese espacio final invisible desplaza el centro visual, haciendo que el texto parezca empujado ligeramente hacia la izquierda de donde debería estar. Una solución habitual es aplicar un pequeño margin-right negativo al elemento, aproximadamente igual al valor del letter-spacing.

Se remonta a los equipos de fotocomposición de los años 60 y 70 —máquinas como las hojas de transferencia Letraset y las unidades de fotocomposición—, donde ajustar el espacio entre caracteres significaba desplazar físicamente su recorrido ("track") sobre una tira de película o de transferencia. El término se mantuvo durante la composición tipográfica digital y acabó convirtiéndose en la palabra estándar para el espaciado entre letras en herramientas como Photoshop e Illustrator, mucho después de que las máquinas físicas que originalmente describía desaparecieran.