How many pixels is 1 point (pt) in CSS?

At the CSS standard of 96 DPI, 1pt = 1.333px. Equivalently, 1 inch = 72 points = 96 pixels.

How do you convert px to rem?

Divide by 16 (the default root font size). For example, 24px = 1.5rem. If the root font size is changed, adjust accordingly.

How many points are in a pica?

1 pica = 12 points = 16 pixels (at 96 DPI).

Typography Converter — px, pt, em, rem & vw

Typography Converter (px, pt, em, rem)

Based on 96 DPI (CSS standard). em/rem assume 16px root font size.

From:

To:

About Typography Units

Typography uses a mix of physical and screen-relative units with a long history. The point (pt) originated in European printing — one CSS point equals exactly 1/72 inch. A pica equals 12 points (1/6 inch), used in print layout for margins and column widths. The pixel (px) is the fundamental screen unit; at the CSS standard of 96 DPI, 1 inch = 96px, making 1pt = 1.333px.

The em and rem are relative units in CSS: 1em equals the current element's font size, while 1rem is relative to the root HTML element's font size (typically 16px by browser default). Physical units (inches, cm, mm) are exact at 96 DPI for screen output but remain device-independent for print. Designers moving between print (InDesign, Illustrator) and screen (CSS) workflows regularly convert between these systems.

Sources & references →

Common Conversions (96 DPI)

1 inch	= 96 px = 72 pt
1 pt	= 1.333 px
1 pica	= 12 pt = 16 px
1 em (16px root)	= 16 px
16 px	= 12 pt
1 cm	= 37.795 px