REM to Point Converter

CSS rem units scale with the root element’s font size, while pt (points) are a typographic unit historically tied to print (1/72 inch). Browsers map CSS pixels to points using the CSS reference pixel convention: 1px = 1/96 inch, so 1px = 3/4 pt. This tool converts rem to pt through root font size in pixels, and keeps rem and pt fields in sync when you edit either side.

Why three numbers?

Root font size (px): Matches what you set on html (often 16px).
REM: The rem value from your stylesheet or design token.
Points: The typographic size you would specify in pt to approximate the same computed size on screen.

Limits of the model

Actual rendered text also depends on font metrics, subpixel rounding, and user zoom. Treat converted pt as a close screen approximation, not a substitute for measuring printed proofs.

Common workflow

Set root px to match your document (for example 16).
Type a rem value from your component styles.
Read pt for comparison with a print brief, or type pt to see the equivalent rem.

Frequently Asked Questions

Is this the same as Word processor points?

It uses the CSS px-to-pt mapping. Desktop apps may round differently, but the ratio is the standard browser assumption.

Does em behave like rem here?

Only if the element’s font size equals the root—otherwise em depends on the parent chain. This tool is rem-specific.

What if the user changes default font size in the browser?

rem already reflects that when the author sets root in relative units. If your root is itself in rem or %, measure computed styles in devtools and enter that pixel value here.

Can I convert px to pt directly?

Yes—multiply px by 3/4. This tool adds the rem layer so designers working in rem can still read pt.

Report Tool or Give Us Suggestions