6XC

Conversor de Espaçamento entre Letras (Tracking → CSS)

Converta o tracking do Photoshop/Illustrator ou o espaçamento em % do Figma em valores CSS de em e px.

831 visualizações

Três Ferramentas, Três Unidades

Os apps da Adobe medem o tracking em milésimos de em: em CSS = tracking ÷ 1000, ou seja, tracking 50 → letter-spacing: 0.05em. A porcentagem do Figma é simplesmente em × 100: 5% = 0,05em. O valor em px também depende do tamanho da fonte: 0,05em a 16 px = 0,8 px. Digite o valor que seu arquivo de design mostrar; os demais se atualizam.

Prefira a saída em em no CSS — ela escala com o tamanho da fonte, então títulos e legendas mantêm o espaçamento proporcional com uma única regra. Faixas típicas: −10 a −30 de tracking em títulos grandes de destaque, +50 a +200 em pequenos rótulos em maiúsculas.

Perguntas Frequentes

O Figma mostra o espaçamento em px — e agora?

Nesse caso já é o valor CSS em px; digite-o no campo px com o tamanho da fonte definido e leia o equivalente em em para um CSS escalável.

Por que texto em maiúsculas precisa de tracking positivo?

As maiúsculas são desenhadas para ficar cercadas por minúsculas; sozinhas e juntas parecem apertadas. +5% a +15% (tracking 50-150) é a solução clássica para rótulos totalmente em maiúsculas.

Ferramentas Semelhantes

Conversor de Moedas (Taxas do BCE em Tempo Real) Converta entre mais de 30 moedas — USD, EUR, GBP, TRY e outras — usando as taxas de referência diárias do Banco Central Europeu. Grátis, sem cadastro. Converter Conversor de Libras para Quilogramas Converta libras em quilogramas e quilogramas em libras instantaneamente — digite em qualquer um dos campos. 1 lb = 0,4536 kg. Converter Conversor de Pés e Polegadas para Cm Converta pés e polegadas para centímetros e vice-versa — conversões de altura como 5'9" para cm, instantaneamente. Converter Conversor de Fahrenheit para Celsius Converta °F para °C e Celsius para Fahrenheit instantaneamente — temperaturas de clima, forno e corpo com pontos de referência comuns. Converter