Typography Converter

Convert pixel values to EM, REM, Points, and Percentages for responsive web design.

Settings

Target Size (px)

Pixels (px)

Context Base Size (px)

Base Font Size (px)

default: 16px

This is the font-size of the parent element (for EM) or the root element (for REM/%) which determines the relative scaling.

Title

Em1em

Rem1remRem Note

Points12pt

Percent100%

Preview

The quick brown fox jumps over the lazy dog.

Size Label 16px

About this calculator

Overview

In web design, relative units like EM and REM are preferred over fixed units like PX for accessibility and responsiveness. This tool helps you translate your design specs (usually in pixels) into CSS-ready relative units.

Fun Facts

"EM is relative to the font-size of its direct or nearest parent."
"REM is relative to the root (html) font-size, which defaults to 16px in most browsers."
"Points (pt) are traditionally used in print media, where 72pt equals 1 inch."