Font Unit Converter

Translate type sizes between screen pixels, print points, and relative em/rem/percent units.

Convert font sizes instantly. Free px to pt, em, rem, percent and print unit converter for web and print design.

About Font Units

Translate type sizes between screen pixels, print points, and relative em/rem/percent units.

CSS pins absolute units together: 96px always equals an inch, 72 points, or 6 picas. Relative units pivot on the root font size — 16px by default — so 1em, 1rem, and 100% all mean 16px until the root changes.

Prefer rem for layout type (it respects user font settings) and reserve px for hairlines and fixed chrome. Everything runs in your browser.

Where it is used

Converting designer px specs to accessible rem, prepping print CSS in points, and auditing legacy pt-based stylesheets.

How to use the Font Units

  1. Value — enter the value (e.g. 16).
  2. From — enter the value.
  3. To — enter the value.
  4. Calculate — press the Calculate button to see the result instantly above.

Formula

CSS absolute: 96px = 1in = 72pt = 6pc. em/rem/percent pivot on 16px.

Examples

Example

value:16
from:px
to:em
Result: 16 Pixels = 1 em

Frequently Asked Questions

em vs rem — which should I use?
rem, usually. em compounds through nesting (nested 0.9em shrinks repeatedly); rem always references the root, so it stays predictable.
Why is 1 inch 96px and not 72?
CSS redefined the inch for screens: 1px is 1/96in by spec. Print points kept the physical 1/72in, so 12pt ≈ 16px on screens.
Does changing the root size break rem layouts?
No — that is the point. Bump html font-size and the whole rem layout scales proportionally, which is exactly how user zoom preferences work.
Length ConverterCooking Converter