Calculadora de Tamanho Fonte Padrao Web
Converte tamanho de fonte em pixels para em rem e relaciona com padroes web atuais.
—
Tamanhos de fonte web em px, em e rem
Todos os navegadores modernos adotam 16px como tamanho raiz padrão, definido pelo user agent stylesheet no elemento <html>. A partir dessa base, as unidades relativas se propagam: 1rem = 16px (root em, sempre ancorado em html) e 1em equivale ao font-size computado do elemento pai, fazendo o em compor em containers aninhados enquanto o rem mantém-se previsível.
A unidade foi padronizada no CSS3 junto com vw/vh e a propriedade font-size-adjust. No Tailwind, text-base equivale a 1rem (16px) e text-sm a 0,875rem (14px), batendo com o mínimo recomendado de 14px para corpo de texto pelo WCAG AA.
Aplicações
Use corpo ≥ 16px em mobile para impedir o zoom automático do Safari iOS ao focar inputs, 14–18px em parágrafos no desktop e prefira rem em títulos para respeitar o zoom configurado pelo usuário. Formulários, copy de modais e CTAs principais são os que mais ganham mantendo os 16px.
FAQ
Usar px, em ou rem? rem para tipografia e espaçamento global (para o zoom funcionar), em para escala local em componentes (padding interno de botões) e px só para bordas finas ou tamanhos fixos de ícone.
Por que o iOS dá zoom no input? Porque o font-size computado está abaixo de 16px. Definir font-size: 16px nos inputs desativa o zoom automático sem afetar o layout.
Qual o mínimo acessível? O WCAG AA sugere 14px para corpo e 18px (ou 14px em negrito) como large text. Abaixo de 14px prejudica leitores de baixa visão e ainda gera alerta no Lighthouse.
Ferramentas Relacionadas
Reajuste de Aluguel
Calcula o reajuste anual de aluguel pelo IGP-M ou IPCA acumulado nos últimos 12 meses (índice configurável manualmente).
Calculadora Gestacional
Calcula data provável do parto (DPP), idade gestacional e trimestre a partir da data da última menstruação (DUM).
Calculadora de Período Fértil
Calcula período fértil e dia da ovulação a partir do primeiro dia do último ciclo e duração média do ciclo menstrual.