Calculadora de Leading Vertical Baseline

Entrelinha Vertical (Line-Height)

Entrelinha (em inglês leading, das tiras de chumbo que ficavam entre linhas na composição metálica) é o espaço vertical entre as baselines de linhas consecutivas. Em CSS é expresso como line-height, idealmente como multiplicador sem unidade do tamanho da fonte. A fórmula é entrelinha = font-size × line-height; para corpo 16px com line-height: 1.5, a entrelinha é 24px.

Proporções típicas: 1.5× o tamanho da fonte para corpo web padrão, 1.2× para títulos compactos e 1.7× ou mais para leitura longa confortável. Robert Bringhurst, em Elements of Typographic Style, sugere adicionar cerca de 30% ao tamanho do corpo como entrelinha inicial. Matthew Carter e outros tipógrafos insistem: o line-height deve crescer com o comprimento da linha — colunas mais largas precisam de mais entrelinha para o olho voltar à próxima linha.

Aplicações

Tipografia web (line-height), editorial impresso, layout de e-books, documentação técnica e baseline grids no Adobe InDesign que alinham texto entre colunas. Design systems como Tailwind expõem leading-tight (1.25), leading-normal (1.5), leading-relaxed (1.625), leading-loose (2).

Perguntas frequentes

Line-height sem unidade ou em px? Sempre sem unidade. line-height: 1.5 herda proporcionalmente; line-height: 24px fica fixo e quebra elementos filhos com tamanhos de fonte diferentes.

Por que mais apertado em títulos? Texto display grande já tem peso visual alto; entrelinha 1.5 gera espaço vertical desperdiçado. 1.1–1.25 mantém o título coeso.

O que é baseline grid? Uma grade horizontal onde cada linha de texto se alinha ao mesmo ritmo vertical, típico em múltiplos da entrelinha do corpo (ex: incrementos de 8px). Padrão em design editorial.