O que é um Conversor de Tamanho de Fonte?
Um conversor de tamanho de fonte transforma medidas tipográficas entre pixels (px), pontos (pt), ems, rems e porcentagens. Ele garante dimensionamento consistente de fontes entre mídia impressa e digital, fazendo a ponte entre ferramentas de design e implementações CSS.
Como Usar Este Conversor de Tamanho de Fonte
- Insira um valor de tamanho de fonte em qualquer unidade.
- Visualize os tamanhos equivalentes em todas as outras unidades.
- Use os valores convertidos no seu CSS ou ferramenta de design.
Conceitos Principais
No padrão de 96 DPI: 1px = 0,75pt, 1pt = 1,333px, 16px = 12pt = 1rem (padrão). Ems são relativos ao tamanho da fonte do elemento pai. Rems são relativos ao tamanho da fonte raiz (html), tipicamente 16px. Pontos são usados principalmente em design impresso, enquanto pixels, ems e rems são padrão no desenvolvimento web.
1em = 16px (padrão), 1rem = font-size raiz, 1pt = 1/72 polegada
Perguntas Frequentes
Devo usar px, em ou rem no CSS?
Rem é recomendado para a maioria dos casos, pois escala consistentemente com as preferências do usuário. Use em para dimensionamento relativo em nível de componente. Use px apenas quando controle exato de pixels é necessário.
Qual é o tamanho de fonte padrão do navegador?
A maioria dos navegadores usa 16px como padrão. Isso significa que 1rem = 16px. Os usuários podem alterar isso nas configurações do navegador para acessibilidade, por isso unidades relativas (rem, em) são preferidas.
Como os pontos se relacionam com os pixels?
A 96 DPI (resolução padrão de tela), 1pt = 1,333px e 1px = 0,75pt. Então 12pt = 16px. Em DPIs diferentes (como 72 DPI em Macs antigos), a relação muda.