Point to Pica Converter
Quickly convert from Point to Pica.
How to convert
Formula:
—
Typography units bridge the physical world of print and the digital world of screens.
Where is it used?
• Print & Publishing — Font size, leading (line spacing), column width, and margin settings in InDesign, QuarkXPress, and similar tools use points and picas as the default unit system.
Examples:
• 1 inch = 72 pt = 6 picas = 25.4 mm = 96 px (CSS)
• 1 pica = 12 pt = 4.233 mm
Typography units define scale and spacing across print and digital interfaces, directly affecting readability, visual hierarchy, and production accuracy. Designers and developers constantly convert between points, picas, pixels, em/rem units, millimeters, and inches to keep layouts consistent across screens, CSS workflows, and prepress output.
The primary typographic units are: the point (pt) — the fundamental print unit, defined as 1/72 inch (PostScript/CSS) or historically 1/72.27 inch (TeX); the pica — 12 points (≈ 4.233 mm); the em — a relative unit equal to the current font size (so 1 em in 16px type = 16px); and the pixel (px) — a device unit whose physical size depends on screen resolution (PPI). For print, 1 inch = 72 pt = 6 picas = 25.4 mm at 72 dpi, but on high-DPI screens the CSS pixel is a logical unit independent of physical pixels.
Where is it used?
- Print & Publishing — Font size, leading (line spacing), column width, and margin settings in InDesign, QuarkXPress, and similar tools use points and picas as the default unit system.
- Web & UI Design — CSS uses px, em, rem, and pt. Responsive design relies on em and rem (root em) for scalable typography that adapts to user font-size preferences and screen sizes.
- Graphic Design & Branding — Logos and brand guidelines specify minimum sizes in both mm (for print) and px (for digital), requiring accurate conversion between physical and screen units.
- Office & Document Software — Microsoft Word and Google Docs use pt for font size and inches or cm for margins, often requiring conversion when collaborating with designers using pt/pica systems.
- Mobile App Development — iOS uses points (pt, logical units independent of physical pixels) and Android uses dp (density-independent pixels); both require understanding the relationship between logical and physical units at different screen densities.
Common Conversion Mistakes
Assuming 1 px = 1/96 inch on all screens
CSS defines 1 px = 1/96 inch as a reference pixel for rendering, but on high-DPI (Retina) screens, the OS applies a device pixel ratio (DPR) of 2× or 3×, so 1 CSS px maps to 4 or 9 physical pixels. Physical size stays consistent; pixel counts multiply. Never assume a screen pixel has a fixed physical size.
Confusing em and rem
em is relative to the font size of the current element; rem is relative to the root () font size. A 2em value inside a 24px element = 48px. The same 2rem would be 2 × 16px = 32px (if root size is 16px). Nesting ems compounds: two nested elements each with 2em means the inner element's text is 4× the root size.
Using PostScript points vs. TeX points
The PostScript/CSS/DTP point (1 pt = 1/72 inch = 0.3528 mm) differs from the traditional TeX/Didot-adjacent point. Always check which point system your software uses; most modern tools (InDesign, CSS) use the 1/72 inch PostScript point.
Forgetting that ppi affects physical pixel size
72 ppi: 1 px ≈ 0.353 mm. 96 ppi (common desktop monitor): 1 px ≈ 0.265 mm. 300 ppi (print): 1 px ≈ 0.085 mm. A 100px image that looks 2.65 cm wide on screen may print only 0.85 cm wide at 300 dpi — a 3× difference. Always prepare images at the output resolution.
Quick Reference Table
| From | To |
|---|---|
| 1 inch | 72 pt = 6 picas = 25.4 mm = 96 px (CSS) |
| 1 pica | 12 pt = 4.233 mm |
| 1 point (PostScript) | 1/72 inch = 0.3528 mm |
| 1 cm | 28.35 pt = 2.362 picas |
| 1 px (CSS at 96 dpi) | 0.75 pt = 0.2646 mm |
| 16 px (browser default) | 12 pt = 1 em (default) |
| 1 em (in 16px context) | 16 px = 12 pt |
| 300 dpi print px | 1 px = 0.0847 mm = 0.24 pt |
Frequently Asked Questions
What font size in pt equals 16px on screen?
At the CSS reference of 96 dpi, 1 pt = 96/72 = 1.333 px. Therefore 16 px = 16 ÷ 1.333 ≈ 12 pt. Browser default body text is 16 px / 12 pt. Print documents typically set body text at 10–12 pt; for screen display, 14–16 px (10.5–12 pt) is standard.
How many pixels per inch does a standard monitor use?
Traditional desktop monitors were ~72–96 ppi. Modern 1080p 24-inch monitors are ~92 ppi; 1440p 27-inch displays are ~109 ppi; 4K 27-inch displays are ~163 ppi; MacBook Retina screens are 220–254 ppi. The CSS pixel is defined at 96 ppi regardless of the physical screen resolution, with the OS scaling layer bridging the difference.
Should I use px, em, or rem for web typography?
Best practice: use rem for font sizes (scales with user browser settings), em for component-level spacing that should scale with local font size, and px only for fine details that must not scale (e.g., 1px borders). Avoid using pt in CSS except for print stylesheets (@media print), where it is the natural unit.
What is the difference between leading and line-height?
In print typography, leading (rhymes with 'bedding') is the distance from baseline to baseline, historically set by inserting lead strips between lines of movable type. It is usually expressed in points. In CSS, line-height is the equivalent; a unitless value like 1.5 multiplies the font size (e.g., 16px × 1.5 = 24px of line height). For readability, 1.4–1.6 is the standard recommendation for body text.
Sources & Standards
- W3C CSS Values and Units Module Level 4
- Adobe PostScript Language Reference (point definition)
- Robert Bringhurst — The Elements of Typographic Style
- Apple Human Interface Guidelines — Typography (points & pixels)
Reviewed by The Unit Hub Editorial Team · March 2026