To convert CSS pixels to typographic points, multiply the value by 0.75. To go the other way, multiply typographic points by 1.33333 to get CSS pixels.
| CSS Pixels (px) | Typographic Points (pt) |
|---|---|
| 1 px | 0.75 pt |
| 2 px | 1.5 pt |
| 3 px | 2.25 pt |
| 4 px | 3 pt |
| 5 px | 3.75 pt |
| 6 px | 4.5 pt |
| 7 px | 5.25 pt |
| 8 px | 6 pt |
| 9 px | 6.75 pt |
| 10 px | 7.5 pt |
| 12 px | 9 pt |
| 14 px | 10.5 pt |
| 15 px | 11.25 pt |
| 20 px | 15 pt |
| 21 px | 15.75 pt |
| 24 px | 18 pt |
| 25 px | 18.75 pt |
| 30 px | 22.5 pt |
| 40 px | 30 pt |
| 50 px | 37.5 pt |
| 60 px | 45 pt |
| 75 px | 56.25 pt |
| 80 px | 60 pt |
| 100 px | 75 pt |
| 200 px | 150 pt |
| 250 px | 187.5 pt |
| 300 px | 225 pt |
| 400 px | 300 pt |
| 500 px | 375 pt |
| 750 px | 562.5 pt |
| 1,000 px | 750 pt |
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
Typographic point (pt). A typographic point is 1/72 of an inch (about 0.3528 mm), used for font sizes.
There are 0.75 typographic points in one CSS pixel.
Multiply the number of CSS pixels by 0.75. For example, 10 CSS pixels equal 7.5 typographic points.
One typographic point equals 1.33333 CSS pixels.
9 typographic points. Other common values: 5 CSS pixels = 3.75 typographic points and 100 CSS pixels = 75 typographic points.