Entrelinha de tamanho e razão

Esta calculadora de entrelinha (leading) transforma um tamanho de fonte em pixels CSS e um ratio unitless de line-height no espaçamento exato de baseline a baseline em pixels—a medida tipográfica clássica chamada leading—junto com a entrelinha extra e o half-leading para o cálculo de layout. Designers e desenvolvedores front-end usam o produto com frequência: corpo a dezesseis pixels com ratio de um vírgula cinco precisa de vinte e quatro pixels de entrelinha; títulos a dezoito pixels com ratio de um vírgula seis precisam de vinte e oito vírgula oito. A identidade é plenamente determinística: a entrelinha em pixels é o tamanho da fonte vezes o ratio, a extra é essa entrelinha menos o tamanho da fonte, e o half-leading é a metade dessa extra. Não há chamada de rede, amostragem nem atalho dependente de data: apenas aritmética finita sobre dois escalares positivos.

O que a entrelinha significa e o que esta calculadora devolve

A entrelinha (leading) é o ritmo vertical do texto: a distância de uma baseline à seguinte que impressores, motores de layout e caixas de linha CSS usam ao empilhar as linhas de um parágrafo. A palavra vem das tiras de chumbo que se colocavam entre tipos metálicos; no design digital a mesma ideia costuma escrever-se como line-height, mas muitos briefs de design, guias editoriais e manuais tipográficos ainda pedem entrelinha em unidades absolutas.

Você pode manter um ratio sem unidades numa camada de tokens para herança e materializar depois um valor absoluto em pixels ao exportar mockups fixos, especificações do Figma, templates de e-mail ou PDFs de impressão que não podem herdar. Esta calculadora implementa entrelinha em pixels igual a tamanho da fonte vezes ratio, exatamente o que um line-height unitless multiplica pelo tamanho de fonte usado.

Também informa a entrelinha extra—o espaço além do corpo, entrelinha menos tamanho da fonte—e o half-leading, metade dessa extra, como muitos motores repartem o espaço acima e abaixo dos glifos na caixa de linha. Não há consulta de métricas OpenType, nem conversão rem ou em, nem análise de ficheiros de fonte: são problemas à parte.

Onde a entrelinha em pixels se encaixa em design systems, CSS e ensino

Designers de produto convertem uma escala tipográfica modular em entrelinha absoluta ao entregar mockups móveis, quando clientes de e-mail ignoram a herança unitless, ou quando uma exportação PDF de impressão congela cada medida em pixels ou pontos. Educadores de tipografia e fundamentos de CSS podem mostrar que um ratio unitless de um vírgula cinco a dezesseis pixels equivale a vinte e quatro pixels de espaçamento entre baselines, com oito de extra e quatro de half-leading, sem confiar em arredondamentos opacos do DevTools do navegador.

Revisores de acessibilidade às vezes precisam de uma verificação rápida de que o corpo atende a um mínimo de espaçamento absoluto para leitura prolongada, mesmo quando o token de origem ainda é um ratio. Equipes editoriais e de impressão que ainda especificam entrelinha no sentido tradicional obtêm os mesmos números que os produtos de line-height CSS quando o ratio é aplicado da mesma forma.

Combine com conversores de unidades tipográficas quando também precisar de px para em ou rem, e lembre-se de que a renderização real ainda depende de métricas de fonte e do box model depois que o valor em pixels sai desta calculadora.