Point to Percent Converter

Turn point sizes into percentages relative to a reference. Useful for responsive typography and scaling font hierarchies from a base size.

0%

Common point sizes at this reference

PointsPercent

How point to percent works

Percentage is relative to the reference size. Formula: percent = (point value ÷ reference size) × 100. With a 12 pt reference, 12 pt is 100%, 24 pt is 200%.

Change the reference to match your base font (e.g. body text). Then enter any point size to see the equivalent percentage for CSS or design specs.

When this helps

  • Scaling typography from a single base size in CSS
  • Converting print or design specs (pt) to relative web values
  • Building type scales where sizes are expressed as percentages

Limitations

Result depends on the reference you set. In the browser, percentage font sizes are relative to the inherited font size, not a fixed pt value. For rem-based scaling use the Percent to REM converter.