font inspectorPT to PX converter
Convert points to CSS pixels for the web: 1pt is 1.333px. Includes a table of common print sizes and their rem values.
font-size: 16px; /* 12pt */ font-size: 1rem; /* at a 16px root */
How do you convert points to pixels?
In CSS, a point is 1/72 of an inch and a pixel is 1/96 of an inch, so multiply points by 96/72, or 1.333. A 12pt font is 16px, which is also the browser default. 9pt is 12px, and 18pt is 24px.
This matters when a brand guide or a Word document gives sizes in points. Convert to pixels, then to rem for your stylesheet with the PX to REM converter. Points themselves are best kept for print stylesheets.
| Points | Pixels | Points | Pixels |
|---|---|---|---|
| 6pt | 8px | 18pt | 24px |
| 7pt | 9.3333px | 20pt | 26.6667px |
| 8pt | 10.6667px | 22pt | 29.3333px |
| 9pt | 12px | 24pt | 32px |
| 10pt | 13.3333px | 28pt | 37.3333px |
| 10.5pt | 14px | 32pt | 42.6667px |
| 11pt | 14.6667px | 36pt | 48px |
| 12pt | 16px | 48pt | 64px |
| 14pt | 18.6667px | 60pt | 80px |
| 16pt | 21.3333px | 72pt | 96px |
How many pixels is 12pt?
16px. Multiply points by 1.333: 10pt is 13.33px, 11pt is 14.67px and 14pt is 18.67px.
Is a point the same size on screen as in print?
Not reliably. CSS defines a point as 1/72 of a CSS inch, and on screens a CSS inch is tied to the pixel, not to a ruler. In print, points do match physical size.
Should I use pt in CSS?
Only in print stylesheets. On screens, use rem or px.
See how real sites set their type.
Font Inspector shows the font, size, line height and spacing of any text on any website, then copies it as CSS. Free, no account.