Pular para o conteúdo
🛠️ToolsShed

Line Height Calculator

Calcule a altura da linha ideal para tipografia legível.

Valor em Pixels
24px
Valor sem Unidade
1.50
Valor em em
1.50em
Recomendação
Texto do corpo (1,5–1,6)
Títulos (1,1–1,3)
Legendas (1,3–1,4)
Visualizar
The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed.
font-size: 16px; line-height: 1.50;

Sobre esta ferramenta

A altura da linha é o espaço vertical entre as linhas de texto e é um dos fatores mais importantes na tipografia para legibilidade e conforto visual. Quer esteja projetando um site, escrevendo um documento ou criando qualquer conteúdo digital, obter a altura da linha correta torna o texto mais fácil de ler e reduz a fadiga ocular. Esta ferramenta calcula a altura de linha ideal multiplicando seu tamanho de fonte por uma razão escolhida, ajudando você a encontrar o equilíbrio perfeito para diferentes tipos de texto.

Para usar a calculadora, insira seu tamanho de fonte em pixels e ajuste o controle deslizante de razão para ver resultados em tempo real em vários formatos: pixels, valores sem unidade e unidades em. A ferramenta fornece recomendações codificadas por cor para casos de uso comuns: texto de corpo geralmente se beneficia de 1.5 a 1.6, títulos ficam melhores de 1.1 a 1.3, e legendas funcionam bem de 1.3 a 1.4. Uma visualização ao vivo mostra como sua altura de linha escolhida afeta o texto real, para que você possa ver o impacto antes de aplicá-lo ao seu design. Todos os cálculos usam proporções sem unidade (como 1.5 em vez de pixels), o que é a melhor prática porque escalam automaticamente quando o tamanho da fonte muda.

Designers, desenvolvedores e criadores de conteúdo usam esta ferramenta para manter a consistência visual em sistemas de tipografia e garantir conformidade com acessibilidade. As Diretrizes de Acessibilidade de Conteúdo Web do W3C recomendam uma altura de linha mínima de 1.5 para texto de corpo para melhorar a legibilidade para todos os usuários, incluindo aqueles com dislexia ou deficiências visuais. Ao usar esta calculadora regularmente, você cria sistemas tipográficos que são esteticamente agradáveis e acessíveis.

Perguntas Frequentes

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.