Calculadora de Tracking Letras Fontes Corpo

Tracking de Letras (Letter-Spacing)

O tracking define um único valor de espaço horizontal uniforme entre todas as letras de um bloco de texto. No CSS isso vira letter-spacing, de preferência com valores em em. O kerning mexe em pares específicos; o tracking trabalha em sequências inteiras de uma vez. Como o em é relativo ao tamanho da fonte, letter-spacing: 0.05em se mantém proporcional tanto a 12px quanto a 72px.

Algumas referências de valores. Títulos display grandes costumam pedir tracking negativo, entre -0.02em e -0.05em, para fechar os espaços ópticos que se abrem em tamanhos maiores. O corpo de texto deve ficar neutro em 0. Já texto todo em caixa-alta, como botões ou um label escrito “BOTÃO”, pede tracking positivo de 0.05em a 0.1em, porque as maiúsculas ficam amontoadas no espaçamento padrão.

Aplicações

Você encontra isso em design editorial, identidade de marca, labels de botões em UI, embalagens e tipografia impressa. O Adobe InDesign e o Illustrator contam o tracking em milésimos de em, então um valor de 50 por lá equivale a 0.05em. Aparece bastante em branding de luxo e em layouts editoriais caprichados, onde o ritmo das letras faz parte de como o trabalho transmite cuidado.

Perguntas frequentes

Por que tracking negativo em títulos grandes? Ampliados para tamanho display, os espaços entre as letras parecem maiores aos olhos do que ficam no corpo do texto. Fechá-los de volta mantém o título lendo como um bloco só.

E small caps e minúsculas? Minúsculas quase nunca precisam de ajuste. Small caps, por outro lado, leem melhor com um leve tracking positivo (0.03–0.05em), parecido com o da caixa-alta.

em ou px para letter-spacing? Use em sempre. Valores em pixel se desfazem assim que o texto escala, seja por design responsivo, zoom ou um root em.