Turn point sizes into percentages relative to a reference. Useful for responsive typography and scaling font hierarchies from a base size.
| Points | Percent |
|---|
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.
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.