Point to PX Converter

Q: How do I convert points (pt) to pixels (px)?

Multiply by 96 and divide by 72: 12pt × 96 ÷ 72 = 16px. The tool does this for you and lets you change the reference size, because that reference is what makes the answer different from one project to the next.

Q: What root font size should I use?

Browsers default to 16px, so 16 is the right starting point unless your stylesheet sets a different size on the html element. If your CSS sets `html { font-size: 62.5% }` — a common trick to make 1rem equal 10px — set the root size to 10 here instead.

Q: Should I use px or a relative unit?

Use relative units (rem, em) for anything that should scale with the reader's font-size preference: type, spacing, and container widths. Pixels are fine for things that genuinely should not scale, such as hairline borders and some shadow offsets. The accessibility rule of thumb is that a user who sets a larger default font size in their browser should see your layout grow with it.

Q: Is my data sent anywhere?

No. The conversion is arithmetic done in your browser — nothing is uploaded, and the page works offline once loaded.

Q: My designer gave sizes in points. What do I put in the CSS?

Convert the points to pixels here, then convert those pixels to rem before writing the rule. Points and pixels both freeze the size; rem keeps it responsive to the reader's settings while rendering identically by default. Keep the point values only in your print stylesheet.

Q: Why is 10pt not a round number of pixels?

Because 96 and 72 do not divide evenly into every value — the ratio is 4:3. 10pt lands on 13.3333px. Browsers handle fractional pixels fine, so keep the fraction rather than rounding; rounding every value in a scale is how type rhythm quietly drifts.

Convert points to pixels — the fixed CSS ratio, for turning print or document specs into web styles.

Value to convert (pt)

Result (px)

Root / parent font size

Browsers default to 16px. Use 10 if your CSS sets html { font-size: 62.5% }.

About this conversion

The same value at other root sizes

Root size	Result

Common conversions at 16 px

pt	px

What It Does

This is the conversion you need when a spec arrives in points — from a print designer, a Word document, or a brand guideline written for paper — and you have to build it for the web. The ratio is fixed by the CSS specification, so no font size is involved: 12pt is 16px, always. The tool gives you the pixel value and the whole scale at once, and reminds you that the right final unit on screen is usually rem rather than the px you land on here.

When to Use It

You are converting a design handed over in points (pt) into a stylesheet that uses pixels (px) for accessibility.
You inherited a codebase that mixes units and you need the px equivalent of an existing pt value.
You want to check what a pt value becomes when the user changes their browser's default font size.
You are writing a design-token scale and need the same step expressed in both units.

Worked Examples

12

12pt is 16px — the default document size and the default browser size are the same thing.

10

10pt is 13.3333px. Non-round results are normal when moving between the two systems; do not round them away.

72

72pt is 96px, which is exactly one CSS inch. This is the definition the whole conversion rests on.

Features

Instant two-way conversion

Configurable root/parent font size

Full conversion table for common root sizes

Fractional-pixel rounding warning

Copy the value or the whole table

Works offline in your browser

No uploads or tracking

How to Use

1. Enter the point size from your document or print spec. 2. Read the pixel equivalent — no font size is needed, the ratio is fixed. 3. Convert that pixel value to rem before putting it in a stylesheet, so it still scales for the reader.

Common Mistakes

Shipping the pixel result straight into your CSS. Convert it once more to rem, or the size will ignore the reader's font-size preference.
Assuming points are device-dependent. In CSS the ratio is fixed at 1pt = 1.3333px regardless of screen or printer.
Rounding 13.3333px to 13px across a whole scale — small errors compound and the rhythm of the type drifts.
Using a Word point size unchanged for body text on the web. Print and screen reading distances differ; 12pt paper text usually wants to be a little larger on screen.

Frequently Asked Questions

How do I convert points (pt) to pixels (px)?

What root font size should I use?

Should I use px or a relative unit?

Is my data sent anywhere?

My designer gave sizes in points. What do I put in the CSS?

Why is 10pt not a round number of pixels?

The conversion runs entirely in your browser. Nothing is uploaded and nothing is stored.