What is 12pt in pixels?

12pt equals 16px on the web, because 1pt = 96/72 px ≈ 1.3333px.

Should I keep points or switch to rem?

Convert points to px to match the spec, then express the value in rem so it scales with user settings.

Is pt to px 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.

Converter · CSS unit tool

PT to PX converter

px = pt × (96/72) = pt × 1.3333. A 12pt body becomes 16px on screen. Use this when bringing a print or PDF spec measured in points into a web layout.

Points

Result

16.000 px

12pt ÷ 0.75 = 16.000px

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

The PT to PX formula

Multiply points by 96/72 (≈1.3333) to get CSS pixels: px = pt × 1.3333. It is the exact inverse of px × 0.75.

Reference: 9pt = 12px, 10pt ≈ 13.33px, 12pt = 16px, 18pt = 24px, 24pt = 32px.

From print spec to CSS

Editorial and brand guidelines are often written in points. Converting to pixels (or then to rem) lets you reproduce the intended hierarchy on the web.

After converting, consider expressing the result in rem so the typography still respects user zoom and root-size preferences.

Copy-ready examples

Brand spec to web

css

/* 14pt heading → 18.67px ≈ 1.167rem @16 */
h3 { font-size: 1.167rem; }

Frequently asked questions

What is 12pt in pixels?: 12pt equals 16px on the web, because 1pt = 96/72 px ≈ 1.3333px.
Should I keep points or switch to rem?: Convert points to px to match the spec, then express the value in rem so it scales with user settings.
Is pt to px 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.