Convert pt to pc
At the browser default root font size of 16 px, 1pt = 0.083333pc. Change the base below if your project uses a different root size.
Formula
pc = pt × 0.083333
pt = pc × 12
Both units are absolute in CSS, so this ratio never changes regardless of font size or user settings.
PT to PC conversion table
| pt | pc |
|---|---|
| 8pt | 0.666667pc |
| 10pt | 0.833333pc |
| 12pt | 1pc |
| 14pt | 1.1667pc |
| 16pt | 1.3333pc |
| 18pt | 1.5pc |
| 20pt | 1.6667pc |
| 24pt | 2pc |
| 28pt | 2.3333pc |
| 32pt | 2.6667pc |
| 36pt | 3pc |
| 40pt | 3.3333pc |
| 48pt | 4pc |
| 56pt | 4.6667pc |
| 64pt | 5.3333pc |
| 72pt | 6pc |
| 80pt | 6.6667pc |
| 96pt | 8pc |
| 128pt | 10.6667pc |
About pt
A point is 1/72nd of an inch, inherited from print typography. CSS defines it as exactly 4/3 of a pixel, so 12 pt equals 16 px.
About pc
A pica is 12 points, or 1/6th of an inch — 16 CSS pixels. It survives mainly in print layout and legacy stylesheets.
Which unit should you use?
| Property | Recommended unit | Why |
|---|---|---|
| Font size | rem | Scales with the user's browser font-size preference, which px ignores — an accessibility requirement. |
| Padding and margin | rem or em | rem for a consistent global rhythm; em when the spacing should track the component's own text size. |
| Borders and hairlines | px | You almost always want exactly one crisp pixel, not a value that scales. |
| Media query breakpoints | em | Historically the most reliable across browsers when the user zooms. |
| Print stylesheets | pt, cm, mm | These map to real physical measurements on paper. |
Frequently asked questions
What is 16pt in pc?
16pt equals 1.3333pc at a 16 px root font size.
How do I convert pt to pc?
Multiply the pt value by 0.083333. Going the other way, multiply the pc value by 12.
Does browser zoom change the result?
No. Both units are absolute in CSS and keep the same ratio at any zoom level, though the rendered size on screen changes.
Why does CSS use 96 pixels per inch?
It is a historical convention from early desktop displays that became the fixed CSS reference. It has nothing to do with your monitor's real pixel density — the browser scales CSS pixels to physical ones for you.