You are here:Home » HTML » HTML CSS Font Size Comparisons & Conversions

HTML CSS Font Size Comparisons & Conversions

PixelsEmsPointsPercents
8px0.5em6pt50%
9px0.55em7pt55%
10px0.625em7.5pt62.50%
11px0.7em8pt70%
12px0.75em9pt75%
13px0.8em10pt80%
14px0.875em10.5pt87.50%
15px0.95em11pt95%
16px1em12pt100%
17px1.05em13pt105%
18px1.125em13.5pt112.50%
19px1.2em14pt120%
20px1.25em14.5pt125%
21px1.3em15pt130%
22px1.4em16pt140%
23px1.45em17pt145%
24px1.5em18pt150%
26px1.6em20pt160%
29px1.8em22pt180%
32px2em24pt200%
35px2.2em26pt220%
36px2.25em27pt225%
37px2.3em28pt230%
38px2.35em29pt235%
40px2.45em30pt245%
42px2.55em32pt255%
45px2.75em34pt275%
48px3em36pt300%

Pixels Are Relative to the Screen Resolution and Give the Designer the Greatest Control and Precision
Ems Are Relative to the Parent Element and the Most Accessible Option Because They Allow Browser Defaults to Modify Them
Percentages Are Relative to the Surrounding Text
Points Are Units of Measure Not Relative to A Screen and Should Only Be Used For Printing
Browser Defaults Are Usually 16px/1em

0 comments:

Post a Comment