PX para REM e altura de linha
- Os arquivos não saem do seu dispositivo
- Roda no navegador
- Grátis, sem cadastro, sem marca d’água
Converter
Type in any box, the rest follow.Preview
Typography is the craft of making language visible. A good line length and generous leading let the eye glide from one line to the next without losing its place.
Common sizes
Click a row to load it into the converter.| px | rem | em | pt | vw | Line-height |
|---|---|---|---|---|---|
| 10 | 0.625 | 0.625 | 7.5 | 0.694 | 1.7 |
| 12 | 0.75 | 0.75 | 9 | 0.833 | 1.65 |
| 13 | 0.8125 | 0.8125 | 9.75 | 0.903 | 1.63 |
| 14 | 0.875 | 0.875 | 10.5 | 0.972 | 1.6 |
| 15 | 0.9375 | 0.9375 | 11.25 | 1.042 | 1.57 |
| 16 | 1 | 1 | 12 | 1.111 | 1.55 |
| 18 | 1.125 | 1.125 | 13.5 | 1.25 | 1.52 |
| 20 | 1.25 | 1.25 | 15 | 1.389 | 1.5 |
| 24 | 1.5 | 1.5 | 18 | 1.667 | 1.4 |
| 28 | 1.75 | 1.75 | 21 | 1.944 | 1.32 |
| 32 | 2 | 2 | 24 | 2.222 | 1.25 |
| 36 | 2.25 | 2.25 | 27 | 2.5 | 1.23 |
| 40 | 2.5 | 2.5 | 30 | 2.778 | 1.2 |
| 48 | 3 | 3 | 36 | 3.333 | 1.15 |
| 56 | 3.5 | 3.5 | 42 | 3.889 | 1.13 |
| 64 | 4 | 4 | 48 | 4.444 | 1.1 |
| 72 | 4.5 | 4.5 | 54 | 5 | 1.09 |
| 96 | 6 | 6 | 72 | 6.667 | 1.05 |
Type scale
Fluid type with clamp()
Text grows smoothly between two viewport widths and stays fixed outside them.
font-size: clamp(1rem, 0.8239rem + 0.7512vw, 1.5rem);
The quick brown fox
Como usar PX para REM e altura de linha
Converta entre px, rem, em, pt, % e vw usando os tamanhos de fonte da raiz e do pai que você definir, e obtenha uma altura de linha e um comprimento de linha recomendados para qualquer tamanho. A página também monta uma escala tipográfica modular e uma regra clamp() fluida para texto responsivo.
- 1
Defina o Tamanho da fonte raiz, o Tamanho da fonte pai e a Largura da viewport em Contexto.
- 2
Digite um valor em qualquer caixa do Conversor; as outras unidades acompanham.
- 3
Leia a Altura de linha recomendada e o Comprimento de linha confortável para esse tamanho.
- 4
Opcional: monte uma Escala tipográfica a partir de uma razão, ou um Tipo fluido com regra clamp(), e copie o CSS.
Perguntas frequentes
Quantos pixels tem 1rem?
1rem equivale ao tamanho da fonte da raiz (<html>), que os navegadores definem como 16 px por padrão. Mude Tamanho da fonte raiz se o seu site usa outra base.
Qual é a diferença entre rem e em?
rem é relativo ao tamanho da fonte raiz; em e % são relativos ao tamanho da fonte do elemento pai. Defina Tamanho da fonte pai para converter em corretamente.
Como a altura de linha é escolhida?
Ela segue a prática tipográfica comum: cerca de 1,5 para texto de corpo e entrelinha mais apertada para títulos grandes. Uma versão alinhada a uma grade de 4 px também é mostrada.
O que o gerador de clamp() faz?
Ele escreve um font-size que cresce suavemente entre um tamanho mínimo e um máximo em duas larguras de viewport e fica fixo fora delas. Simular largura da viewport mostra o resultado em qualquer largura.
Posso converter pontos para impressão?
Sim. pt usa a razão CSS de 72 pt para 96 px, então 12 pt equivalem a 16 px.