Word uses pt, CSS uses px. 12pt = 16px at 96dpi — the browser default. Look up any size instantly, from fine print to display headings.

Points (pt) are a typographic unit used in print design: 1 pt = 1/72 inch. Pixels (px) are screen units. At the standard 96 PPI screen resolution: 1 pt = 1.333 px (96/72).
This conversion is essential when translating print designs to web, setting CSS font sizes from print specifications, and understanding the relationship between print and screen typography.
Common sizes: 12 pt = 16 px (browser default), 10 pt = 13.3 px, 14 pt = 18.7 px, 18 pt = 24 px, 24 pt = 32 px.
All calculations run locally in your browser — nothing is sent to any server.
1 point = 1/72 inch. At 96 PPI (standard Windows/web): 1 pt = 96/72 = 1.333 px. At 72 PPI (old Mac): 1 pt = 1 px.
The formula: px = pt × PPI / 72. At 96 PPI: px = pt × 1.333.
CSS defines 1 px as 1/96 of an inch (at 96 DPI). On high-DPI screens, 1 CSS px may be multiple device pixels.
| Feature | Points (pt) | Pixels (px) |
|---|---|---|
| Definition | 1/72 inch | 1/96 inch (CSS) |
| Used in | Print, Word, PDF | Web, CSS, screens |
| 12 pt = | 12 pt | 16 px |
| Body text | 10–12 pt | 14–18 px |
| Heading | 18–24 pt | 24–32 px |
12pt = 16px at 96 DPI (the CSS and Windows default). This is also the default browser font size and equals 1rem. The formula is: px = pt × 96 / 72 = pt × 1.3333.
1px = 0.75pt at 96 DPI. Formula: pt = px × 72 / 96. So 16px = 12pt, 14px = 10.5pt, 18px = 13.5pt.
Points (1pt = 1/72 inch) originated in physical typography and print design. CSS pixels are defined as 1/96 of an inch at 96 DPI. The ratio between them is 96/72 = 1.333. At the old Mac 72 DPI standard, 1pt used to equal exactly 1px — which is why some older design tools still assume this.
16px = 12pt = 1rem. All major browsers (Chrome, Firefox, Safari, Edge) use 16px as the default. Users can change this in browser settings, which is why rem and em units that inherit from root are preferred over fixed px for accessibility.
72pt = 96px at 96 DPI. This is because 72pt = 1 inch, and 1 CSS inch = 96px. This relationship (72pt = 1 inch) is the fundamental rule of typographic points from the Didot and Pica systems.
For print: body text is typically 10–12pt. For web (CSS): body text is typically 16px = 12pt. Email newsletters commonly use 14pt = 18.67px for improved readability on mobile. WCAG recommends minimum 18pt (24px) for large text that qualifies for reduced contrast ratios.
Puppeteer renders at 96 DPI by default, so CSS px and pt follow the standard ratio (1pt = 1.333px). You can also set a custom device scale factor. If your PDF template specifies font sizes in pt, convert them to CSS px using this tool to ensure your HTML template matches the design spec.
Yes. All calculations run in your browser. No data is sent to any server.

Have an idea, found a bug, or want to suggest a feature? Drop us a message – we respond within 24 hours.