Point to Percent Converter
Convert point (pt) values to CSS percent. At the 16px default base, 12pt = 100%.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is Point to Percent Converter?
Points (pt) are the standard typographic unit in print. CSS percent for font-size is relative to the parent element's font size. The formula is: **% = pt × (96÷72) ÷ base × 100**.
At 16px base: 12pt → 16px → 100%. This is useful when translating print typographic sizes into responsive percent-based CSS declarations.
How to Use Point to Percent Converter
Set the base (parent) font size — default 16px
Enter pt values, comma or newline separated
Copy the percent output or use the reference table
Common Use Cases
- Developers translating print typographic specs from pt to percent for screen CSS.
- Front-end engineers expressing print sizes as percent for responsive typography.
- Designers converting point sizes to percent for a CSS type scale.
Example Input and Output
Convert common print point sizes to CSS percent at the 16px default base.
9
10
12
149pt → 75%
10pt → 83.3333%
12pt → 100%
14pt → 116.667%Privacy
All conversions run in your browser. No data is sent to any server.
Frequently Asked Questions
Why is 12pt = 100%?
12pt × (96/72) = 16px. 16px ÷ 16px base × 100 = 100%. The standard print body size maps exactly to the browser default body size.
Related Tools
Percent to Point Converter
Convert CSS percentage values to typographic point (pt) units. Set the base font size, enter percent values, and get the pt equivalent.
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.
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 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.
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 REM Converter
Convert CSS/print point (pt) values to REM units. Set the root font size, enter pt values, and get the REM equivalent. Useful for translating print sizes to screen CSS.

