Conversion table for px, pt, em and % in CSS
Krzysztof Karolczak | Tuesday April 29th, 2008Are you wondering how to convert px to pt? When creating (or modifying) a style sheet have you ever tried to guess how many pixels corresponds to the size in points? I did :). That’s why I decided to put together a conversion table :). Enjoy.
Of course the table is here just to give you a rough idea which font size matches which. The actual display size depends on your browser, browser settings and font type used, but in most cases it should be just fine. Usually a quite good scaler for converting px to pt is a 0,75 multiplier (when comparing in a browser with font size set to standard).
The point of reference for relative values like ems and percent in this table is a standard font size - 16px (the 1em = 16px relation is set by default by most browsers when there’s no font-size declared beforehand).
| Points | Pixels | Ems | Percent |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 150% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
| 26pt | 35px | 2.2em | 220% |
| 27pt | 36px | 2.25em | 225% |
| 28pt | 37px | 2.3em | 230% |
| 29pt | 38px | 2.35em | 235% |
| 30pt | 40px | 2.45em | 245% |
| 32pt | 42px | 2.55em | 255% |
| 34pt | 45px | 2.75em | 275% |
| 36pt | 48px | 3em | 300% |
Chcę wykorzystać powyższą tabelę w celach komercyjnych. Zawsze wychodzę
anonim | Wednesday October 1st, 2008Chcę wykorzystać powyższą tabelę w celach komercyjnych. Zawsze wychodzę z założenia, że lepiej jest zapytać autora o zgodę. Od razu mówię, że w przypadku odmowy nie będę kradł Twojej własności intelektualnej. Mój mail podałem w odpowiednim polu i oczywiście mogę się odwdzięczyć, co prawda nie pieniędzmi, ale spostrzeżeniem, dosyć chyba istotnym odnośnie Twojej witryny. Możesz się nieźle zdziwić.