Conversor de Tipografia

Conversor de Tipografia

Converta entre pixels, pontos, paicas, em, rem, polegadas, centimetros e milimetros -- as unidades que designers e desenvolvedores usam no dia a dia. Este conversor de tipografia faz a ponte entre o design de impressao (pontos, paicas) e o desenvolvimento web (px, em, rem), ajudando voce a manter um dimensionamento consistente em todas as midias.

Como a Conversao Tipografica e Calculada

Todas as unidades tipograficas sao convertidas usando pixels (px) como base, assumindo uma tela padrao de 96 DPI e um tamanho de fonte raiz de 16px. Fatores-chave: 1 pt = 1,3333 px, 1 pc (paica) = 16 px, 1 in = 96 px, 1 cm = 37,795 px, 1 em = 16 px (na raiz padrao) e 1 rem = 16 px.

Exemplo

Fatores-Chave que Afetam o Dimensionamento Tipografico

• DPI da tela -- as conversoes assumem 96 DPI; telas Retina e de alta densidade renderizam mais pixels fisicos por pixel CSS
• Tamanho da fonte raiz -- em e rem dependem do tamanho da fonte raiz, que por padrao e 16px na maioria dos navegadores, mas pode ser alterado
• Impressao vs. tela -- pontos e paicas sao unidades tradicionais de impressao; 72 pontos = 1 polegada na impressao
• Design responsivo -- unidades rem se ajustam ao tamanho da fonte raiz, tornando-as ideais para layouts web responsivos

Dicas

1. Use rem para dimensionamento de fontes na web para respeitar as preferencias do navegador do usuario e configuracoes de acessibilidade
2. O padrao classico de impressao e texto de corpo de 12pt -- que equivale a 16px na tela, o tamanho padrao do navegador
3. Ao converter entre impressao e web, lembre-se de que 1 polegada = 72 pt = 96 px
4. Em CSS, prefira rem em vez de px para texto para que seu layout se ajuste consistentemente em todos os dispositivos e niveis de zoom