Conversor de tracking, espaçamento entre letras e entrelinha para CSS
Informe o tamanho da fonte, o tracking em milésimos de em e a entrelinha em px para ver o letter-spacing em em e px e o line-height para CSS.
- Roda no seu navegador
Resultado
O resultado aparece aqui.
Tracking em milésimos de em
letter-spacing (em) = tracking ÷ 1.000
letter-spacing (px) = tamanho da fonte × tracking ÷ 1.000
Programas de design medem o tracking em milésimos de em: 50 equivale a 0,05em. O CSS aceita o valor em em, que acompanha o tamanho da fonte, ou em px, que fica fixo. Valores negativos aproximam as letras.
Entrelinha em CSS
line-height (sem unidade) = entrelinha ÷ tamanho da fonte
Com fonte de 16 px, tracking 50 e entrelinha de 24 px, o letter-spacing fica em 0,05em (0,8 px) e o line-height em 1,5, ou 150%. Num título de 40 px com entrelinha 44 px, o line-height cai para 1,1.
Um tracking de −25 em 20 px vira −0,025em, que aperta as letras em −0,5 px.
O que a conversão não decide
- A conversão não diz qual espaçamento é bom: depende da fonte, do corpo e do contraste. Teste na tela e no tamanho real.
- Use line-height sem unidade em CSS para que o valor acompanhe o tamanho da fonte herdado.
- Letter-spacing em letras maiúsculas e em títulos costuma ter valores diferentes dos do texto corrido.
Perguntas frequentes
Como converter o espaçamento entre letras para CSS?
Divida o tracking por 1.000 para ter o letter-spacing em em. Um tracking de 50 vira 0,05em; numa fonte de 16 px, equivale a 0,8 px.
Como calcular o line-height sem unidade a partir da entrelinha?
Divida a entrelinha em px pelo tamanho da fonte em px. Com entrelinha de 24 px numa fonte de 16 px, o line-height é 1,5 (150%).