Conversor de tamanho de fonte

• Conversão instantânea entre várias unidades: o conversor mostra na hora os valores equivalentes nas seis unidades — px, em, rem, %, pt e vw — enquanto você digita. Sem botão para apertar e sem recarregar a página. Cada cartão de unidade é clicável, então você continua convertendo a partir de qualquer unidade de saída imediatamente.
• Base e janela configuráveis: defina o tamanho de fonte raiz (16px por padrão) e a largura da janela (1920px por padrão) conforme o contexto do seu projeto. Escolha entre predefinições comuns ou digite valores personalizados. Todas as conversões são atualizadas na hora quando você muda esses ajustes.
• 100% privado — sem envio: todas as conversões de tamanho de fonte acontecem localmente no seu navegador. Seus valores nunca saem do seu dispositivo nem são enviados a servidor algum — seguro para sistemas de design proprietários e trabalhos de clientes.
• Grátis e sem limites: converta tamanhos de fonte sem limite, sem cadastro, sem assinatura e sem teto de uso. O conversor de tamanho de fonte é totalmente gratuito para sempre, sem anúncios bloqueando a interface.

• Design de interface e web: designers de UI usam o conversor para traduzir os tamanhos de fonte dos mockups (geralmente em px, vindos do Figma ou Sketch) para unidades rem ou em responsivas no desenvolvimento. Assim os designs são implementados com precisão, mantendo acessibilidade e escalabilidade.
• Desenvolvimento CSS: desenvolvedores front-end usam o conversor para converter os valores em pixels da especificação de design para a unidade CSS mais adequada a cada caso — rem para tipografia global, em para tamanhos restritos a componentes, vw para títulos fluidos e pt para folhas de estilo de impressão.
• Tipografia responsiva: quem constrói sites responsivos usa o conversor para calcular escalas tipográficas fluidas. Convertendo entre px e vw em diferentes larguras de janela, é possível criar funções clamp() que escalam o texto suavemente em todas as telas.
• Tokens de sistema de design: quem mantém sistemas de design usa o conversor para definir tokens de escala tipográfica consistentes. Converter um conjunto base de valores em pixels para rem, em e porcentagem garante que o sistema funcione em todos os contextos de unidades CSS.
• Conformidade de acessibilidade: especialistas em acessibilidade usam o conversor para verificar se os tamanhos de fonte atendem aos requisitos das WCAG. Entender a relação entre px e rem ajuda a garantir que o texto respeite as preferências de tamanho do usuário (WCAG 1.4.4, Redimensionar texto).
• Design para impressão e PDF: designers de impressão usam o conversor para traduzir entre px (tela) e pt (impressão). Isso garante que os designs digitais sejam reproduzidos com precisão na impressão, no tamanho físico correto.

Um conversor de tamanho de fonte traduz valores de tamanho de fonte entre diferentes unidades CSS — px, em, rem, %, pt e vw. Cada unidade tem características e usos diferentes. Nossa ferramenta converte qualquer valor de entrada para as seis unidades ao mesmo tempo, com ajustes configuráveis de tamanho de fonte base e largura da janela para corresponder exatamente ao contexto do seu projeto. Todas as conversões acontecem na hora, no seu navegador.

Usar unidades relativas (rem, em, vw) para tamanhos de fonte é um requisito de acessibilidade das WCAG. O critério de sucesso 1.4.4 das WCAG 2.1 (Redimensionar texto) exige que o texto possa ser ampliado até 200% sem perda de conteúdo ou funcionalidade. Quando você usa px no texto, a preferência de tamanho de fonte do navegador do usuário é ignorada: quem configura o navegador para 20px por padrão verá o mesmo texto pequeno de quem usa 16px.

REM é a unidade recomendada para tipografia na maioria das arquiteturas CSS modernas, porque respeita as preferências do usuário, garante tamanho consistente em toda a página e torna os ajustes globais de tamanho de fonte tão simples quanto mudar um único valor no elemento <html>. Nosso conversor de tamanho de fonte ajuda você a traduzir especificações de design em pixels para unidades acessíveis e responsivas.

1. Digite um valor: insira qualquer número positivo no campo de entrada. Selecione a unidade (px, em, rem, %, pt ou vw) no menu suspenso. O conversor mostra na hora os resultados nas seis unidades.
2. Configure os ajustes base: defina seu tamanho de fonte raiz (base) e a largura da janela conforme o seu projeto. Há predefinições rápidas disponíveis, ou digite um valor personalizado. Mudar esses ajustes atualiza todas as conversões em tempo real.
3. Revise e copie: cada cartão de unidade mostra o valor convertido. Clique em qualquer cartão para tornar essa unidade a nova entrada e continuar convertendo. Passe o mouse sobre um cartão e clique no ícone de copiar para copiar o valor formatado. Uma declaração CSS também é fornecida para copiar e colar na sua folha de estilos.
4. Use a tabela de referência: a tabela de referência mostra valores comuns em pixels convertidos para todas as unidades com seus ajustes configurados — ideal para consultar rapidamente tamanhos padrão.