Usa el Calculadora de Espaciado entre Letras gratuito abajo: tus datos nunca salen de tu navegador, todo el trabajo ocurre en tu dispositivo y no se sube a ningún servidor.
Qué es el espaciado entre letras
El espaciado entre letras, también llamado tracking, es el espacio uniforme que se añade entre todos los caracteres de un texto. Los diseñadores lo expresan en milésimas de em: un tracking de 50 significa que cada letra recibe 0,05 em extra de espacio. La Calculadora de Espaciado entre Letras de arriba convierte ese número abstracto en píxeles y puntos para tu tamaño de fuente, y te muestra una vista previa en vivo, para que veas el efecto antes de fijarlo en una hoja de estilos.
El tracking se confunde a menudo con el kerning, pero hacen trabajos distintos. El kerning ajusta el espacio entre un par concreto de letras, como la A y la V, que de forma natural quedan muy juntas. El tracking ajusta todas las letras por igual, lo que cambia la textura y la densidad general de un bloque de texto. Usas el kerning para corregir un par; usas el tracking para crear una sensación, como la amplitud y el aire de un titular de lujo o la densidad compacta de una etiqueta pequeña.
Cómo usar la calculadora
Introduce tu tamaño de fuente en píxeles y luego tu valor de tracking en milésimas de em. Un valor de 0 significa sin espacio extra. Los valores positivos abren el texto; los negativos lo aprietan. Escribe tu propio texto de vista previa, pulsa Calcular y lee el espaciado en píxeles, puntos y ems. La vista previa debajo del resultado muestra tu texto al tamaño elegido con el espaciado aplicado, para que juzgues el aspecto, no solo el número.
La matemática es sencilla: el espaciado en píxeles equivale al tamaño de fuente multiplicado por el tracking y dividido entre 1000. A 16 píxeles con un tracking de 50, el espaciado es de 0,8 píxeles. A 32 píxeles con el mismo tracking, es de 1,6 píxeles, porque un em crece con el tamaño de fuente. Por eso el tracking se define en relación con el em: el mismo valor de tracking escala con limpieza desde el texto pequeño del cuerpo hasta un titular enorme.
Un ejemplo práctico
Un titular en mayúsculas a 32 píxeles con un tracking de 100 recibe 3,2 píxeles de espacio extra por letra, lo que abre bien las mayúsculas y evita que se apelotonen. Un texto de cuerpo a 16 píxeles con un tracking de 25 recibe 0,4 píxeles, una apertura sutil que puede ayudar a que el texto pequeño respire en pantalla. Apretar un logotipo a 48 píxeles con un tracking de menos 25 quita 1,2 píxeles por letra, juntando las letras en una forma compacta y deliberada. Los números pequeños tienen grandes efectos visuales en tamaños grandes, así que cambia el tracking en pasos pequeños y observa el resultado cada vez.
Cuándo añadir espacio y cuándo no
El texto en mayúsculas casi siempre se beneficia de un tracking extra. Las letras mayúsculas son anchas y uniformes, y sin espacio añadido forman un bloque sólido difícil de leer. Las versalitas y las etiquetas cortas también se benefician. El texto de cuerpo, en cambio, no suele necesitar tracking: el diseñador de la fuente ya ajustó el espaciado por defecto para leer, y añadir espacio a párrafos largos hace que el texto parezca disperso y ralentiza al lector.
El tracking negativo tiene sus usos, pero es fácil pasarse. Apretar un titular ligeramente puede hacer que parezca atrevido y seguro. Apretar el texto de cuerpo hace que las letras choquen, sobre todo en tamaños pequeños o en fuentes de formas anchas. Como regla, mantén el texto de cuerpo entre menos 10 y más 25, mantén los titulares en el rango que parezca adecuado para la fuente y prueba siempre al tamaño real que verá el lector.
El tracking en distintas fuentes
El mismo valor de tracking se ve distinto en fuentes distintas. Una fuente condensada, con letras estrechas, tolera más tracking que una fuente ancha y geométrica, donde el espacio extra pronto parece un hueco. Las fuentes con serifas suelen necesitar un tracking ligeramente distinto al de las fuentes sin serifas al mismo tamaño. La calculadora te da el valor exacto en píxeles, pero tu ojo toma la decisión final: prueba el mismo tracking en dos o tres fuentes antes de fijar un estilo, y revísalo en una pantalla real, no solo en la vista previa de una herramienta de diseño.
De la calculadora a la hoja de estilos
En CSS, el espaciado entre letras se fija con la propiedad letter-spacing, que acepta píxeles o ems. La cifra en ems de la calculadora se traslada directamente a una hoja de estilos y escala con el tamaño de fuente, por eso muchos diseñadores prefieren los ems para el tracking. Los píxeles son exactos para un tamaño, pero hay que recalcularlos si cambia el tamaño de fuente. En cualquier caso, guarda el valor en tus notas de diseño junto con la fuente y el tamaño, para que la próxima persona que trabaje en el proyecto reproduzca el aspecto en lugar de adivinarlo.
Las cifras tipográficas se calculan a partir del tamaño de fuente introducido, y la representación real varía según la fuente. Usa la calculadora para obtener números exactos, revisa la vista previa con tu fuente y tu texto reales, y prueba con los tamaños que tus lectores usarán de verdad.
Herramientas relacionadas
- Letter Spacing Calculator (English version)
- Calculadora de Longitud de Línea
- Calculadora de Interlineado
Pingback: Letter Spacing Calculator - Tracking in Pixels and Points from Font Size