Accessibility: Font Size Conversions
It can be really hard to figure out what font size your content needs to be especially when you are switching between font size measurements. The below table will be able to help you with the top 5 most common measurements to help you properly convert your text for your digital platforms to the correct size. Even though this chart provides really small text sizes all text on digital materials needs to be a minimum of 12pt, 16px 1em, 1rem, and 100%.
Points |
Pixels (Rounded to Whole Number) |
Ems | Rems | Percent |
---|---|---|---|---|
6pt | 8px | 0.5em | 0.5rem | 50% |
7pt | 9px | 0.5831em | 0.5831rem | 58.31% |
7.5pt | 10px | 0.625em | 0.625rem | 62.5% |
8pt | 11px | 0.6669em | 0.6669rem | 66.69% |
9pt | 12px | 0.75em |
0.75rem |
75% |
10pt | 13px | 0.8331em | 0.8331rem | 83.31% |
10.5pt | 14px | 0.875em | 0.875rem | 87.5% |
11pt | 15px | 0.9169em | 0.9169rem | 91.69% |
12pt | 16px | 1em | 1rem | 100% |
13pt | 17px | 1.0831em | 1.0831rem | 108.31% |
13.5pt | 18px | 1.125em | 1.125rem | 112.5% |
14pt | 19px | 1.1669em | 1.1669rem | 116.69% |
14.5pt | 20px | 1.2081em | 1.2081rem | 120.81% |
15pt | 21px | 1.25em | 1.25rem | 125% |
16pt | 22px | 1.331em | 1.331rem | 133.31% |
17pt | 23px | 1.4169em | 1.4169rem | 141.69% |
18pt | 24px | 1.5em | 1.5rem | 150% |
20pt | 26px | 1.6669em | 1.6669rem | 166.69% |
22pt | 29px | 1.8331em | 1.8331rem | 183.31% |
24pt | 32px | 2em | 2rem | 200% |
26pt | 35px | 2.1669em | 2.1669rem | 216.69% |
27pt | 36px | 2.25em | 2.25rem | 225% |
28pt | 37px | 2.3331em | 2.3331rem | 233.31% |
29pt | 38px | 2.4169em | 2.4169rem | 241.69% |
30pt | 40px | 2.5em | 2.5rem | 250% |
32pt | 42px | 2.6669 | 2.6669rem | 266.69% |
34pt | 45px | 2.8331em | 2.8331rem | 283.31% |
36pt | 48px | 3em | 3rem | 300% |