Typography Converter
The pixel (px) is the base typography unit here, so every one of the 3 units below, including rem and points, converts through it. Enter a value, pick your units, and the result updates instantly, all in your browser.
All typography units
| Unit | Symbol | 1 unit in pixels |
|---|---|---|
| Pixel | px | 1 |
| Rem | rem | 16 |
| Point | pt | 1.3333 |
All typography conversions
Typography converters translate between the CSS pixel, rem and point, the units designers and developers use for font sizes and spacing. The pixel is the base unit here. Rem is calculated against the common default browser root font-size of 16px, so if a project sets a different root size, scale the result accordingly. Points follow the fixed CSS reference where 1 inch equals exactly 96 pixels and 72 points.
Frequently asked questions
How many pixels are in a rem?
One rem equals 16 pixels, based on the default root font-size of 16px that almost every browser ships with. If a site sets a different root font-size, multiply that value by the rem count instead of 16.
Why does 16px equal 12pt?
The CSS specification fixes 1 inch to exactly 96 pixels and 72 points, which makes 1 point exactly 1.3333 pixels. Dividing the 16px browser default by 1.3333 gives 12pt, the classic default body text size from print and early desktop software.
Is a CSS point the same as a print point?
Yes. CSS points are defined to match traditional print points exactly: 72 points per inch. Pixels are the odd one out, fixed at 96 per inch by the CSS spec regardless of a screen's actual pixel density.