Armazém do Blog

Você já sabe que nos códigos CSS, quando formatamos um texto utilizamos “medidas” para determinar seu tamanho. Utilizamos muito o formato, por exemplo, 12px para determinar o tamanho da fonte. Porém quando encontramos no formato 0.75em ficamos um pouco confusos.  Para o corpo da página (body), utiliza-se 12pt (pontos) ou 16px (pixels) ou 1em, tamanho padronizado pelos browsers.

Veja:

• PX to EM: text size in pixels / body text size in pixels = size in EMs
  • Example: 12px / 16px = .75em
• PX to %: text size in pixels / body text size in pixels * 100 = size in %
• Example: 12px / 16px * 100 = 75%
• Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
• Example: .75em * 16px = 12px
• Example: .75em * 100 = 75%
• Example: 75 * 16px / 100 = 12px
• Example: 75 / 100 = .75em
• Example: 12pt * 96ppi / 72ppi = 16px
• PX to PT: text size in pixels * points per inch / pixels per inch = size in pt
• EM to PX: text size in EMs * body text size in pixels = size in pixels
• EM to %: text size in EMs * 100 = size in %
• % to PX: text size in % * body text size in pixels / 100 = size in pixels
• % to EM: text size in % / 100 = size in EMs
• PT to PX: text size in pt * pixels per inch / points per inch = text size in pixels

Fonte (no item três – learn)

Se você quiser ler um pouco mais, seguem alguns links para leitura antes dos geradores. Basicamente estão em inglês. Se precisar, use o Google Translator. Após visitar e conhecer os conversores, você pode aproveitar e tirar um “printscreen” das tabelas e imprimir..

Wikipédia em inglês

Guistuff

W3schools

W3support

Maujor – Português

Oficinadanet – Português – adaptado do CSStricks

 

Conversor 01

 

 

 

 

 

 

 

 

 

Conversor 02

 

 

 

 

 

 

 

 

Conversor 03

 

 

 

 

 

 

 

 

.