Conversor de tamanho de fonte

Como usar o conversor de tamanho de fonte

1. 1. Digite um tamanho e a sua unidade. Digite 12 e escolha pontos, ou 24 e escolha pixels — qualquer uma das nove unidades pode ser o ponto de partida.
2. 2. Defina os tamanhos de referência, se precisar. rem é medido em relação ao tamanho de fonte da raiz (html), e em e % em relação ao do elemento pai. Ambos começam em 16 px, o padrão do navegador.
3. 3. Leia o tamanho em todas as unidades. Cada linha mostra o valor e o CSS para colar, com um botão de copiar, e o cálculo mostra cada conversão passando pelos pixels.
4. 4. Confira a tabela de tamanhos comuns. Os tamanhos em pontos de um menu de processador de texto, de 6 a 72, estão listados com seus equivalentes em pixels, em, rem, porcentagem e milímetros.

As regras de conversão

O CSS fixa as unidades físicas umas em relação às outras: uma polegada equivale a 96 pixels, 72 pontos, 6 paicas ou 25,4 milímetros. Um ponto é, portanto, exatamente 4/3 de um pixel. As unidades relativas precisam de mais um número — o tamanho de fonte em relação ao qual são medidas.

Com os padrões, 12 pt equivalem a 12 × 96 ÷ 72 = 16 px. Depois, 16 ÷ 16 dá 1 em, 1 rem e 100%, e 16 × 25,4 ÷ 96 dá 4,2333 mm. Defina o tamanho do pai como 20 px e os mesmos 16 px passam a ser 0,8 em e 80% — mas continuam 1 rem, porque rem ignora o pai.

Por que 12 pt equivalem a 16 px

Um ponto é 1/72 de polegada e um pixel do CSS é 1/96 de polegada; então 12 pontos são 12/72 = 1/6 de polegada, que é 96 ÷ 6 = 16 pixels. O Word no Windows e o Google Docs também tratam uma polegada como 96 pixels na tela; assim, com zoom de 100%, texto de 12 pontos aparece com o mesmo tamanho que texto de 16 px no navegador — e 16 px é o tamanho que os navegadores usam para textos que nenhuma folha de estilo dimensionou.

Um pixel do CSS não é necessariamente um ponto da sua tela. Em uma tela de alta densidade, um pixel do CSS cobre vários pixels físicos, e o navegador escala todas as unidades juntas, então as proporções acima sempre valem. O LaTeX é a exceção comum à polegada de 72 pontos: seu pt é o ponto tipográfico de impressão, com 72,27 por polegada, então um 12pt do LaTeX é cerca de 0,4% menor que 12 pt no Word ou no CSS. O bp do TeX ("big point") é o ponto de 72 por polegada que este conversor usa.

Tamanhos de fonte em trabalhos acadêmicos

Os guias de estilo definem os tamanhos de fonte em pontos, então a fonte de um trabalho nunca precisa ser convertida — mas vale saber o que cada guia pede de fato:

• APA 7 indica pares de fonte e tamanho, em vez de um tamanho único: Calibri de 11 pontos, Arial de 11 pontos, Lucida Sans Unicode de 10 pontos, Times New Roman de 12 pontos, Georgia de 11 pontos ou Computer Modern de 10 pontos.
• MLA 9 pede uma tipografia de leitura fácil cujo itálico contraste com o estilo normal, em um tamanho entre 11 e 13 pontos, a menos que o seu professor indique outra coisa.
• Turabian (o estilo Chicago para estudantes): a folha de orientação oficial sugere Times New Roman de 12 pontos ou Calibri, ou Arial de 11 pontos.

Fontes parecem diferentes no mesmo tamanho em pontos — Arial parece maior que Times New Roman — e é por isso que a APA associa cada fonte ao seu próprio tamanho. Para margens, espaçamento, cabeçalhos e o restante da página, veja Como formatar um trabalho acadêmico em APA, MLA e Chicago.

Perguntas frequentes

Quantos pixels tem 12 pt?

16 pixels. O CSS define uma polegada como 96 pixels e como 72 pontos, então um ponto equivale a 4/3 de pixel e 12 × 4/3 = 16. A mesma regra faz 10 pt equivaler a 13,33 px, 11 pt a 14,67 px e 14 pt a 18,67 px.

Como converto px para rem?

Divida pelo tamanho de fonte da raiz. Com o padrão de 16 px, 24 px são 24 ÷ 16 = 1.5rem e 14 px são 0.875rem. Se a sua folha de estilo der ao elemento html outro tamanho, digite-o como tamanho da raiz e o conversor usará esse valor.

Qual é a diferença entre em e rem?

Ambos são relativos a um tamanho de fonte, mas a tamanhos diferentes. rem sempre se refere ao elemento raiz (html), então 1.5rem é o mesmo tamanho em toda a página. em se refere ao elemento pai, então 1.5em dentro de uma caixa cujo texto já tem 1.5em resulta em 2,25 vezes o tamanho da raiz — em se acumula, rem não.

1em é sempre 16px?

Só por padrão. 1em equivale ao tamanho de fonte do elemento pai, e 1rem ao da raiz, e os navegadores começam ambos em 16 px. Um leitor que aumente o tamanho padrão do texto nas configurações do navegador muda esse ponto de partida; por isso o texto dimensionado em rem ou em acompanha a escolha dele, e o texto em px não.

Quantos milímetros tem 12 pt?

12 pontos são 1/6 de polegada, ou cerca de 4,23 mm. Essa é a medida do corpo da fonte, o espaço em que cada letra é desenhada, e não a altura de uma letra maiúscula, que em fontes de texto comuns fica em torno de dois terços dele.

Por que o mesmo tamanho em pontos parece maior em algumas fontes?

O tamanho em pontos define o corpo da fonte, não as letras visíveis. As fontes desenham suas letras em proporções diferentes dentro desse espaço — a Arial tem letras minúsculas mais altas que a Times New Roman — então Arial de 12 pontos parece maior. É por isso que a APA 7 associa Arial de 11 pontos a Times New Roman de 12 pontos, em vez de dar um tamanho único para todas as fontes.