EM to Point Converter

Convert EM to Points Instantly

Ever felt like web designers and print designers are speaking two different languages? One talks about everything in EMs—flexible, scalable units perfect for screens. The other talks in Points (pt)—fixed, absolute sizes built for paper.

This tool is your personal translator. It perfectly bridges the gap between the fluid world of digital development and the fixed world of print layout.

How to Use This Converter

Using this utility is incredibly straightforward. You don’t need to click a submit button; the calculations happen in real-time.

1. Set Your Base Size: In the “Base Font Size (PX)” box, enter your project’s default font size. We have pre-filled it with 16px, which is the standard default for almost all modern web browsers.
2. Type Your Value: If you have a relative web value, type it into the EM box. If you are copying a value from print software, type it directly into the Point (pt) box.
3. Get Your Result: The tool instantly fills in the opposite box. Use the Copy buttons to grab your new values or hit Reset to start fresh.

What is the Difference Between EM and PT?

To build seamless cross-platform designs, it helps to understand why these two units behave so differently.

What is EM? (The Scalable Unit)

Think of EM as a responsive multiplier. Because it is a relative unit, 1em does not have a permanent, hardcoded physical size. Instead, it means “100% of the current parent font size.”

• If your layout’s base font is 16px, then 1em equals 16px.
• If your layout’s base font is 20px, then 1em automatically scales up to 20px.

This makes EMs fantastic for accessibility. If a user scales up their text size for readability, your entire layout adjusts beautifully and stays proportional.

What is PT? (The Fixed Unit)

A Point (pt) is the exact opposite. It is an absolute unit of physical measurement, just like inches, millimeters, or centimeters.

Points come directly from the traditional print industry, where a single point is precisely defined as 1/72nd of a physical inch. A 12pt font on a business card will measure exactly the same as a 12pt font in a printed textbook. It completely ignores browser settings, screen scales, or parent element sizes.

How to Convert EM to Points

Because an EM changes dynamically and a Point is completely locked in place, you cannot convert them directly. You have to use digital screen pixels (PX) as your middleman.

To break down what is happening under the hood of our calculator, we use a simple two-step conversion process:

• Step 1 (EM to Pixels): Multiply your EM value by your project’s base pixel size.
  • Formula: EM Value × Base Font Size (PX) = Value in Pixels
  • Example: 1.5em × 16px = 24px
• Step 2 (Pixels to Points): Multiply that pixel result by the universal screen-to-print conversion factor of 0.75 (which comes from 72 points per inch divided by 96 pixels per inch).
  • Formula: Value in Pixels × 0.75 = Value in Points
  • Example: 24px × 0.75 = 18pt

By combining these steps, the complete direct calculation looks like this:

Points (pt) = EM Value × Base Font Size (PX) × 0.75

Quick Reference EM to PT Conversion Table

If you just need a quick value while coding, here is a handy cheat sheet based on the standard web baseline of 16px:

EM Value	Equivalent Pixels (PX)	Equivalent Points (PT)	Typical Layout Use Case
0.5 em	8 px	6 pt	Footnotes and legal disclaimers
0.75 em	12 px	9 pt	Meta-data, captions, and tags
1.0 em	16 px	12 pt	Default standard body text
1.25 em	20 px	15 pt	Minor headings and blockquotes
1.5 em	24 px	18 pt	Article subtitles (H3)
2.0 em	32 px	24 pt	Section titles (H2)
3.0 em	48 px	36 pt	Main page hero titles (H1)

When Should You Convert EM to Points?

While web developers spend most of their time using fluid units, matching up with print values becomes vital in a few specific scenarios:

• Building Print Stylesheets: You can use specialized CSS rules (@media print) to change how your website looks when someone prints an article out on physical paper or saves it to a clean corporate PDF. In those specific print stylesheets, swapping your text sizes to points ensures crisp, predictable physical printing.
• Matching Brand Identity Guidelines: Brand designers often deliver static corporate style guides built entirely around print measurements (e.g., “all subheadings must be 15pt”). To accurately map this rule into pixels for your UI layout, you can quickly double-check your design dimensions using our EM to PX Converter.
• Reverse-Engineering Mockups: If you are handed a layout spec from print-first desktop software and need to turn it back into fluid code, you can easily work backward using our Point to EM Converter or calculate screen sizes with the Point to PX Converter.

Frequently Asked Questions