Tiny Toolkit

Font Size Converter — pt to px to rem

Convert font sizes between pt (the print standard), px (screen pixels), and rem (the CSS relative unit) with a configurable root font size. Type a value in any unit and see all three equivalents update instantly. A reference table of 17 common print sizes — from 6pt footnotes to 72pt headlines — lets you click any row to load it into the converter.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

What is the difference between pt, px, and rem?
Points (pt) are a print unit — 1pt equals 1/72 of an inch and is the standard in design software like InDesign and Word. Pixels (px) are screen units tied to a device's resolution. Rem (root em) is a CSS relative unit equal to the root font size, typically 16px, making it ideal for scalable, accessible web layouts.
How many pixels is 12pt?
At the standard screen resolution of 96 DPI, 12pt equals 16px. The conversion is 1pt = 96/72 px ≈ 1.333px. So 12 × 1.333 = 16px, which is also 1rem at the browser default.
Why does pt look different on screen than in print?
Points are defined relative to physical inches. On screen, 1pt = 1.333px at 96 DPI, but on high-DPI (Retina) displays the pixel density is higher so pt renders physically smaller. In print, 72pt always equals exactly 1 inch regardless of the output device.
What root font size should I use?
Use 16px unless your project explicitly sets a different root font size via html { font-size: ... }. Most browsers default to 16px. If your site uses 18px as the root, change the root size here so the rem values in the output are accurate.
Can I click the reference table to load a size?
Yes. Click any row in the Common Print Sizes table to load that point value into the converter and instantly see its px and rem equivalents.

Related Tools

Type Scale Generator — Modular Typography Scale

Generate a modular type scale from any base size and ratio. Choose from Perfect Fourth, Golden Ratio, and more — get px, rem, CSS variables or Tailwind config output. Free.

Color Lightener & Darkener — Generate Tints and Shades

Generate lighter tints and darker shades of any color. See the full scale from white to black with one-click copy of HEX, RGB, or HSL values for each swatch. Free.

Color Code Converter — HEX, RGB, HSL & More

Convert colors between HEX, RGB, RGBA, HSL, HSLA, and CSS named colors instantly. Paste any value or use the color picker — get every format at once. Free.