Percent to Point Converter
Convert CSS percent font sizes to typographic point units. At the 16px default base, 100% = 12pt.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is Percent to Point Converter?
CSS percent for font-size is relative to the parent element's font size. Points (pt) are absolute typographic units used in print. Converting from percent to pt requires a base px size: **pt = (% ÷ 100) × base × 0.75**.
At the 16px browser default: 100% → 16px → 12pt. This conversion is useful when you need the print point equivalent of a percent-based CSS font size.
How to Use Percent to Point Converter
Set the base (parent) font size — default 16px
Enter percent values, comma or newline separated
Copy the pt output or use the reference table
Common Use Cases
- Developers writing @media print stylesheets that need to match percent-based screen sizes.
- Designers converting percent type scales to typographic points for print specs.
- Front-end engineers auditing print CSS for consistency with percent-based screen layouts.
Example Input and Output
Convert common percent font sizes to pt at the 16px default base.
75
100
125
15075% → 9pt
100% → 12pt
125% → 15pt
150% → 18ptPrivacy
All conversions run in your browser. No data is sent to any server.
Frequently Asked Questions
Why is 100% = 12pt at the default?
100% at 16px base = 16px. 16px × 0.75 = 12pt. This matches the browser default body text to the print default body text.
Related Tools
Point to Percent Converter
Convert typographic point (pt) values to CSS percentage units. Set the base font size, enter pt values, and get the percent equivalent.
PX to Point Converter
Convert pixel values to CSS/print point (pt) units instantly. Uses the standard 96dpi formula: 1pt = 96/72 px. Supports bulk input and includes a reference table.
Point to PX Converter
Convert CSS/print point (pt) values to pixels. Uses the standard 96dpi formula: 1pt = 96/72 px ≈ 1.3333px. Supports bulk input and includes a reference table.
EM to Point Converter
Convert CSS EM values to typographic point (pt) units. Set the parent font size, enter EM values, and get the point equivalent. Useful for @media print stylesheets.
Point to EM Converter
Convert CSS/print point (pt) values to EM units. Set the parent font size, enter pt values, and get the EM equivalent. Useful for translating print sizes to screen CSS.
REM to Point Converter
Convert CSS REM values to typographic point (pt) units. Set the root font size, enter REM values, and get the point equivalent. Useful for @media print stylesheets.