Skip to main content

Converter · CSS unit tool

PX to PT converter

On the web, 1 inch = 96px = 72pt, so pt = px × 0.75 (i.e. px ÷ (96/72)). A 16px font is 12pt. Use this when translating screen comps into print stylesheets or legacy point-based specs.

px

Result

12.000 pt

16px × 0.75 = 12.000pt

CSS snippet

css
font-size: 12.000pt;

Keyboard tip: press Tab or Shift+Tab to switch fields.

The PX to PT formula

CSS defines a reference pixel as 1/96 inch and a point as 1/72 inch, giving the fixed ratio pt = px × 72/96 = px × 0.75.

Reference: 12px = 9pt, 16px = 12pt, 24px = 18pt, 32px = 24pt. The relationship is linear and independent of any font-size.

Screen vs print reality

This mapping is a CSS convention, not a guarantee about physical output. Real printers and PDF renderers vary, so always proof a `@media print` stylesheet on the target device.

For UI, keep using rem/px tokens; reserve points for print comps, PDF exports, and tools that still speak in typographic points.

Copy-ready examples

Print stylesheet body
css
@media print {
  body { font-size: 12pt; } /* ≈ 16px */
}

Frequently asked questions

Is the px to pt ratio always 0.75?
In CSS, yes—1px = 0.75pt because 96px = 72pt per inch. Physical devices may render slightly differently.
Should I author UI in points?
No. Use rem or px for screens and reserve points for print and PDF contexts where the audience expects typographic points.
Is px to pt converter free to use?
Yes. UnitCraft calculators are free and run entirely in your browser.
Does UnitCraft send my input values to a server?
No. Calculator inputs are processed locally in the browser tab.
Can I copy the generated CSS output?
Yes. Each tool provides copy-ready snippets so you can paste values directly into code.