Qual é a altura de linha ideal para o texto do corpo?

Para a maioria das fontes web, uma proporção entre 1,4 e 1,6 é considerada ideal para a legibilidade. Isso proporciona espaço suficiente para os olhos acompanharem do final de uma linha ao início da próxima.

Como é que o tamanho da fonte afeta a proporção?

Textos maiores, como títulos, geralmente requerem uma altura de linha relativa mais apertada (cerca de 1.1 a 1.2) porque a escala dos glifos cria o seu próprio espaçamento visual. Textos menores beneficiam de uma proporção mais solta para evitar que as linhas se aglomerem.

Que unidades devo usar no meu CSS?

Usar valores sem unidade como `line-height: 1.5` é recomendado em CSS, pois permite que a altura seja dimensionada proporcionalmente se o tamanho da fonte mudar. A nossa calculadora fornece estes equivalentes sem unidade como valores decimais.

Os cálculos são armazenados em algum lugar?

Não. Todos os cálculos são realizados instantaneamente pelo motor de execução do seu navegador e não são registados ou transmitidos para os nossos servidores.

Calculadoras

Calculadora de Altura de Linha

Pick a sensible leading for any font size.

Runs in your browser

Nota do editor

Understanding · The unitless multiplier that decides if text breathes.

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

Quick answers.

›What is the ideal line height for body text?

For most web fonts, a ratio between 1.4 and 1.6 is considered optimal for readability. This provides enough breathing room for the eyes to track from the end of one line to the start of the next.

›How does font size affect the ratio?

Larger text, such as headings, typically requires a tighter relative line height (around 1.1 to 1.2) because the sheer scale of the glyphs creates its own visual spacing. Smaller text benefit from a looser ratio to prevent lines from crowding.

›What units should I use in my CSS?

Using unitless values like `line-height: 1.5` is recommended in CSS as it allows the height to scale proportionally if the font size changes. Our calculator provides these unitless equivalents as decimal values.

›Are the calculations stored anywhere?

No. All calculations are performed instantly by your browser's execution engine and are not logged or transmitted to our servers.

As pessoas também pesquisam por

Leitura relacionada

Do blog.(1)

Font size, line height, letter spacing — the typography triangle
Design5 min read

Ferramentas relacionadas

More in this room.

Ver tudo em Calculadoras