To convert typographic points to CSS pixels, multiply the value by 1.33333. To go the other way, multiply CSS pixels by 0.75 to get typographic points.
| Typographic Points (pt) | CSS Pixels (px) |
|---|---|
| 1 pt | 1.33333 px |
| 2 pt | 2.66667 px |
| 3 pt | 4 px |
| 4 pt | 5.33333 px |
| 5 pt | 6.66667 px |
| 6 pt | 8 px |
| 7 pt | 9.33333 px |
| 8 pt | 10.6667 px |
| 9 pt | 12 px |
| 10 pt | 13.3333 px |
| 12 pt | 16 px |
| 14 pt | 18.6667 px |
| 15 pt | 20 px |
| 20 pt | 26.6667 px |
| 21 pt | 28 px |
| 24 pt | 32 px |
| 25 pt | 33.3333 px |
| 30 pt | 40 px |
| 40 pt | 53.3333 px |
| 50 pt | 66.6667 px |
| 60 pt | 80 px |
| 75 pt | 100 px |
| 80 pt | 106.667 px |
| 100 pt | 133.333 px |
| 200 pt | 266.667 px |
| 250 pt | 333.333 px |
| 300 pt | 400 px |
| 400 pt | 533.333 px |
| 500 pt | 666.667 px |
| 750 pt | 1,000 px |
| 1,000 pt | 1,333.33 px |
Typographic point (pt). A typographic point is 1/72 of an inch (about 0.3528 mm), used for font sizes.
CSS pixel (px). A CSS pixel is defined as 1/96 of an inch (about 0.2646 mm) and is used in screen layouts.
There are 1.33333 CSS pixels in one typographic point.
Multiply the number of typographic points by 1.33333. For example, 10 typographic points equal 13.3333 CSS pixels.
One CSS pixel equals 0.75 typographic points.
16 CSS pixels. Other common values: 5 typographic points = 6.66667 CSS pixels and 100 typographic points = 133.333 CSS pixels.