Como usar
- Escolha a unidade que você tem (pt, px, mm, em ou %) e digite o tamanho.
- Todas as outras unidades aparecem ao mesmo tempo, com uma pré-visualização nesse tamanho.
- Para em, rem e %, defina o tamanho de fonte base — os navegadores usam 16 px por padrão.
Opções explicadas
- Pontos e pixels
- Um ponto é 1/72 de polegada, e o CSS define um pixel como 1/96 de polegada, então 1 pt = 4/3 px e 12 pt = 16 px.
- Milímetros
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. Esse é o tamanho físico do corpo do tipo e vale para impressão.
- em, rem e porcentagem
- Um múltiplo do tamanho de fonte base. Com uma base de 16 px, 1 em = 1 rem = 100% = 16 px = 12 pt.
- Tamanho chinês (号)
- Processadores de texto chineses nomeiam tamanhos em vez de usar pontos, de 初号 (42 pt) até 八号 (5 pt). Você também pode converter de e para esses tamanhos.
Tamanhos comuns
| pt | px | em (base de 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Tamanhos para a web em pixels, pontos e rem
Com o padrão do navegador de 16 px como tamanho base:
| Pixels | Pontos | rem / em | Uso típico |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Legendas, notas de rodapé |
| 14 px | 10,5 pt | 0,875 rem | Texto pequeno, rótulos |
| 16 px | 12 pt | 1 rem | Texto do corpo |
| 18 px | 13,5 pt | 1,125 rem | Texto do corpo grande, parágrafos de abertura |
| 20 px | 15 pt | 1,25 rem | Títulos pequenos |
| 24 px | 18 pt | 1,5 rem | Títulos |
| 32 px | 24 pt | 2 rem | Títulos de página |
Qual unidade usar
pt (pontos) servem para impressão e processadores de texto: 1 pt é 1/72 de polegada, então um texto de 12 pt tem o mesmo tamanho físico em qualquer impressora.
px (pixels CSS) servem para telas: 1 px é definido como 1/96 de polegada no zoom normal, o que faz 12 pt equivaler a 16 px.
rem e em são relativos. 1 rem é o tamanho de fonte da raiz (normalmente 16 px); 1 em é o tamanho de fonte do elemento pai. Usar rem para o texto permite que quem define uma fonte padrão maior no navegador veja o texto maior em todo lugar.
Milímetros ajudam a combinar com uma amostra impressa: meça a altura de uma letra maiúscula e o tamanho do corpo é aproximadamente 1,4 vez isso, dependendo da fonte.
Perguntas frequentes
Quantos pixels são 12 pt?
16 px. Multiplique os pontos por 4/3 para obter pixels CSS, ou os pixels por 0,75 para obter pontos.
Qual é a diferença entre em e rem?
rem é relativo ao tamanho de fonte da raiz (html); em é relativo ao tamanho de fonte do elemento pai. Sem tamanho de fonte definido em nenhum lugar, os dois valem 16 px.
Por que o texto medido na tela não corresponde à conversão?
Um pixel CSS é uma unidade lógica definida a 96 DPI. O tamanho físico na tela depende da densidade de pixels do monitor e do zoom do sistema. Pontos e milímetros só são exatos na impressão.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.