About this tool
Convert a typography size using the pixel, root-font or print-unit assumptions shown. Compare the result with the actual stylesheet or print setting rather than treating every screen or document as having the same scale.
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
मुख्य इनपुट और नियंत्रण हिंदी में देखने के लिए ऊपर “🇮🇳 हिंदी में देखें” चुनें। गणना और फ़ाइल प्रोसेसिंग इसी ब्राउज़र टैब में होती है; टूल आपके इनपुट हमारी होस्टिंग पर नहीं भेजता।
Features
- Work with Font / Spacing Size in Pixels (px); Root HTML Base Font Size (px — Default 16px).
- Review Pixels (px); Root EM (rem); Print Points (pt) in the result breakdown.
Benefits
- Check size relationships before adjusting a design.
- Keep the root-font assumption visible for relative units.
Who should use this tool?
- Web designers reviewing type sizes.
- Developers checking CSS unit arithmetic.
How to use
- Complete the labelled fields for your scenario, including Font / Spacing Size in Pixels (px); Root HTML Base Font Size (px — Default 16px). Use the units shown beside each field.
- Try the example labelled “18px at 16px Base (1.125 rem / 13.5 pt)” if you want to check the workflow first.
- Select Calculate / Run Tool and review CSS & Print Typography Equivalents and Pixels (px); Root EM (rem).
- Check the assumptions and limitations below. Adjust a value to compare scenarios, then copy or download the result you need.
Try these worked examples
| Scenario | Example inputs | Example result |
|---|---|---|
| 18px at 16px Base (1.125 rem / 13.5 pt) | Font / Spacing Size in Pixels (px): 18Root HTML Base Font Size (px — Default 16px): 16 | 18px = 1.125rem = 13.5pt = 112.5% |
| 24px Heading at 16px Base (1.5 rem / 18 pt) | Font / Spacing Size in Pixels (px): 24Root HTML Base Font Size (px — Default 16px): 16 | 24px = 1.5rem = 18pt = 150% |
Reference and processing
W3C CSS Values and Units Module Level 4 (96 CSS px = 1 inch = 72 pt) · Listed applicability: 2025-2026
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server.
FAQs
Is one rem always sixteen pixels?
A rem follows the document’s root font size. Use the actual root-size assumption for the page; a different stylesheet or user setting can change the relationship.
Which inputs do I need for CSS & Print Typography Converter (px, rem, em, pt)?
Use Font / Spacing Size in Pixels (px); Root HTML Base Font Size (px — Default 16px). The built-in examples show how those fields fit together.
What should I check before using this result?
Default browser root font size is 16px unless overridden in CSS html{font-size}. Check the assumptions and output against your intended task before relying on the result.
What happens to the information I enter?
Calculations and file processing run in this browser tab. The tool does not send working inputs or files to our hosting server. Tool favourites save only tool IDs in this browser. Sharing sends the tool link, not your working values or files.