Calculadora de Altura de Linha

Sobre esta ferramenta

A calculadora de altura de linha recomenda altura de linha, espaçamento entre letras e uma largura máxima ideal de parágrafo para um tamanho de fonte e um uso — texto corrido, títulos, rótulos de UI ou tipografia display —, com prévia ao vivo e saída em CSS.

Como usar

1. Digite o tamanho da fonte em pixels.
2. Escolha um estilo: texto corrido, título, rótulo de UI ou display.
3. Confira o parágrafo de prévia e os quatro valores recomendados.
4. Clique em Copiar CSS para levar os valores para a sua folha de estilos.

Bom saber

• O texto corrido fica confortável de ler com uma altura de linha de cerca de 1.5–1.6 vezes o tamanho da fonte.
• Títulos grandes e tipografia display ficam melhores com altura de linha mais justa, de cerca de 1.05–1.2.
• Uma largura de linha legível fica em torno de 45–75 caracteres por linha.
• O WCAG 1.4.12 exige que o conteúdo continue funcionando quando o usuário define a altura de linha em 1.5 e o espaçamento entre letras em 0.12 em.
• Valores de line-height sem unidade (como 1.6) acompanham o tamanho da fonte de cada elemento.

Funciona inteiramente no seu navegador — nada do que você digita é enviado ou armazenado.

Perguntas frequentes