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.
Result
12.000 pt
16px × 0.75 = 12.000pt
CSS snippet
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
@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.