CCalclabhub

Unit & Measurement Tables

Typography Size Conversion Table

Type sizes are the last corner of design still measured in a pre-metric unit. A point is 1/72 of an inch, a definition inherited from metal type, and a pica is twelve of them. Print designers have used these numbers for four centuries, and print software still reports page sizes in points even when the country has been metric for generations.

Last updated

The web added a second layer. CSS defines the reference pixel as exactly 1/96 of an inch, so a CSS pixel is not a physical pixel on most screens — it is a logical unit that browsers scale. Because both the inch and the point are anchored to that same inch, the conversion between them is exact: 1 pt = 4/3 px and 1 px = 0.75 pt. There is no rounding anywhere in the relationship.

That exactness is worth knowing because it explains a coincidence people notice but rarely understand: 12 pt equals 16 px, which is why 16 px became the default body size in browsers and why print specs of 10 to 11 pt map to web sizes of 13 to 15 px. The two systems are not roughly compatible, they are the same system with different units.

What does not convert is em and rem. Those are relative units — em is the current font size, rem is the root font size — so a value in em has no fixed pixel equivalent until you know what it is relative to. Any table claiming a fixed em-to-px ratio is assuming a 16 px root, which is a default rather than a rule.

Points to pixels, picas and millimetres

Points to pixels, picas and millimetres
PointsPixels (CSS)PicasMillimetres
68.000.50002.117
79.330.58332.469
810.670.66672.822
912.000.75003.175
1013.330.83333.528
1114.670.91673.881
1216.001.00004.233
1418.671.16674.939
1621.331.33335.644
1824.001.50006.350
2026.671.66677.056
2432.002.00008.467
2837.332.33339.878
3242.672.666711.289
3648.003.000012.700
4864.004.000016.933
6080.005.000021.167
7296.006.000025.400

12 pt is 16 px exactly — the default body size in every browser. A pica is 12 points, so the picas column is just points divided by 12.

Pixels to points, picas and millimetres

Pixels to points, picas and millimetres
PixelsPointsPicasMillimetres
107.500.62502.646
129.000.75003.175
1410.500.87503.704
1612.001.00004.233
1813.501.12504.762
2015.001.25005.292
2418.001.50006.350
3022.501.87507.938
3224.002.00008.467
3627.002.25009.525
4030.002.500010.583
4836.003.000012.700
5642.003.500014.817
6448.004.000016.933
7254.004.500019.050
9672.006.000025.400

A 16 px paragraph is 12 pt in print terms. When a print designer asks for 10 pt, the web equivalent is 13.33 px.

Named sizes as they appear in print and on screen

Named sizes as they appear in print and on screen
NamePointsPixels (CSS)Typical use
Pearl56.67Fine print
Nonpareil68.00Legal footnotes
Brevier810.67Captions
Bourgeois912.00Dense tables
Long primer1013.33Trade paperback body
Small pica1114.67Comfortable body text
Pica1216.00Web default body
English1418.67Subheadings
Great primer1824.00Section headings
Double pica2432.00Page titles

The traditional names are still used in book design. The pixel column is computed at 96 px per inch, the CSS reference density, not at a physical screen's density.

Page dimensions in the three units that matter for print

Page dimensions in the three units that matter for print
FormatMillimetresPointsPixels at 96 dpi
A4210 × 297595 × 842794 × 1123
A5148 × 210420 × 595559 × 794
US Letter216 × 279612 × 792816 × 1056
US Legal216 × 356612 × 1008816 × 1344
A3297 × 420842 × 11911123 × 1587

These are the numbers that appear when a PDF or a print dialog reports a page size. A4 in points is 595.28 × 841.89 before rounding.

How to Use These Tables

  1. Print to web: multiply points by 1.3333 to get CSS pixels. A 10 pt caption is 13.33 px, and a 12 pt body is 16 px.
  2. Web to print: multiply pixels by 0.75 to get points. A 24 px heading is 18 pt, which is what a print designer would call great primer.
  3. Page geometry: A4 in points is 595 × 842, which is the number PDF tools report. Multiply millimetres by 2.8346 to get points.
  4. Picas: divide points by 12. A 36 pt headline is 3 picas, and a 6 pica column is 72 pt wide.
  5. Screen density: a CSS pixel is 1/96 inch by definition, so a 96 dpi print of a web page matches the browser's layout at 100% zoom.

Common Questions

Is 12 pt the same as 16 px?

Yes, exactly. CSS defines 96 px per inch and 72 pt per inch, so 12 pt is 12 × 4/3 = 16 px. The two are not approximations of each other.

Why is a CSS pixel not a real pixel?

Because screens have different densities. CSS anchors one pixel to 1/96 inch and lets the browser scale, so on a high-density display one CSS pixel covers several physical pixels. The layout stays consistent while the rendering sharpens.

How many points is an inch?

72. That is the definition of the point, and everything else in typography follows from it: a pica is 12 pt, so there are 6 picas in an inch.

Can I convert em to pixels?

Only if you know the reference size. One em equals the current font size, so at a 16 px body, 1.5 em is 24 px. If the root changes, every em value changes with it.

What is A4 in points?

595 × 842 points, which is what a PDF reports. The exact figure is 595.28 × 841.89, because 210 mm is 595.2756 pt.

Why do print sizes use points instead of millimetres?

Because the point predates the metric system and print equipment was built around it. In countries that use ISO paper, the sheet is defined in millimetres but the type on it is still specified in points.

More Unit & Measurement Tables

Sources

Filed with Unit Conversion calculations.