Tamanho da fonte base (px)
Altura da linha (REM)
Calculadora de Altura da Linha
A altura da linha controla o espaçamento vertical entre linhas de texto, e as folhas de estilo modernas costumam defini-la em REM para que escale com o tamanho de fonte base. Traduzir uma altura de linha baseada em REM para um valor exato em pixels é útil quando precisa de layouts com precisão de pixel ou quer corresponder a uma especificação de design. Fazer esta conversão manualmente significa multiplicar o valor em REM pelo tamanho de fonte raiz sempre que um design muda.
Esta calculadora faz essa multiplicação instantaneamente, usando um tamanho de fonte base personalizado se o seu projeto substituir o padrão do navegador. Introduza uma altura de linha em REM e obtenha o equivalente exato em pixels de imediato. Cada cálculo é executado do lado do cliente, no seu navegador, pelo que nenhum valor introduzido é alguma vez enviado para um servidor.
Entendendo a Altura da Linha no Design Web
A altura da linha é o espaçamento vertical entre linhas de texto, uma das propriedades mais importantes para a legibilidade no design web. O CSS permite defini-la como um multiplicador sem unidade, um valor fixo em pixels ou um valor relativo em REM, e cada um comporta-se de forma diferente à medida que o tamanho da fonte muda.
As alturas de linha baseadas em REM escalam automaticamente com o seu tamanho de fonte base, o que mantém as proporções consistentes num layout responsivo. Às vezes, no entanto, precisa do valor exato em pixels, por exemplo ao alinhar com um elemento de tamanho fixo ou ao corresponder a um design entregue em pixels, e é aí que converter REM para PX se torna útil.
Perguntas Frequentes (FAQ)
Perguntas Frequentes