Points, Picas, and Pixels Explained
A practical guide to print and screen typography units, including how points, picas, and CSS pixels relate in modern workflows.
Typography uses different units depending on medium. Points and picas come from print traditions, while pixels dominate digital interfaces and CSS layouts.
Point (pt)
In the PostScript system, 1 point equals 1/72 inch. Font sizes in print are still commonly specified in points, such as 10 pt, 11 pt, or 12 pt body text.
Pica (pc)
A pica is mainly used for layout dimensions like column widths and baseline grids. 1 pica equals 12 points (1/6 inch). Editorial and magazine workflows often use picas for quick proportional page planning.
Pixel (px)
On the web, px usually means a CSS pixel, a logical unit rather than always a single physical pixel. On high-density displays, one CSS pixel may map to multiple hardware pixels.
- 1 in = 72 pt
- 1 pc = 12 pt
- CSS px is device-independent in practice
In real projects, print layouts remain point/pica-centric, while digital products rely on px/rem systems. Understanding the conversion context helps maintain consistent typography across PDF, web, and mobile outputs.