Points to REM Converter

Convert typographic points (pt) to REM units for CSS. Calculate precise font sizes with configurable base values.

Root Font Size (PX)

Points (pt)

≈ 16.00 pixels

REM

Relative to 16px base

Common Typography Sizes

Use	Points	Pixels	REM (16px)
Caption	8pt	10.7px	0.667rem
Small	10pt	13.3px	0.833rem
Body	12pt	16.0px	1rem
Large	14pt	18.7px	1.167rem
H6	16pt	21.3px	1.333rem
H5	18pt	24.0px	1.5rem
H4	24pt	32.0px	2rem
H3	30pt	40.0px	2.5rem
H2	36pt	48.0px	3rem
H1	48pt	64.0px	4rem

Click any row to load that value

Bridge Print & Web Typography

Designers often work in points (from Figma, Sketch, or print specs), but CSS uses pixels and REM. This converter bridges that gap, letting you translate typographic measurements accurately for responsive web development.

Typography Units

Why Use This Tool?

Precise Math

Uses accurate 72 DPI (points) to 96 DPI (pixels) conversion ratios.

Bidirectional

Convert from points to REM or from REM back to points.

Custom Base

Configure root font size for your project (8px, 10px, 16px, etc.).

Quick Reference

Common typography sizes table for fast lookups.

How this Points to REM Converter works

Our Points to REM Converter translates typographic point values into REM units for web development. Enter a point size and the tool calculates the equivalent REM value based on a configurable base font size, helping you maintain consistent typography when converting print designs to responsive web layouts.

The conversion calculation is performed entirely in your browser using simple JavaScript arithmetic. No values are sent to any server, making the tool safe for use with client project specifications and proprietary design system parameters. Results appear instantly without any network requests.

The converter uses the standard relationship where 1 point equals 1/72 of an inch and applies your specified base font size (default 16px) to compute accurate REM values. It supports batch conversion of multiple point sizes simultaneously and includes a reference table showing common point-to-REM mappings for quick lookup during CSS development.

How to use this Points to REM Converter

Set Base Size

Configure your root font size (default: 16px).

Enter Value

Type points (pt) or REM in either field.

Get Result

See the converted value update automatically.

Example Usage

Standard body text conversion:

Input

12pt with 16px base

Output

0.75rem (16px)

Frequently Asked Questions

What is a point (pt)?

A point is a traditional typographic unit equal to 1/72 of an inch, commonly used in print design and word processors.

Why convert to REM?

REM units are relative to the root font size, making them ideal for responsive web design that respects user preferences.

What is the conversion formula?

1pt ≈ 1.333px (at 96 DPI). REM = pixels / base font size. So 12pt ≈ 16px ≈ 1rem (with 16px base).

Related Tools

Try It

CSS Formatter

Format CSS code for better readability.

Try It

Unit Converter

Convert between various units of measurement.

Try It

REM to PX Converter

Convert CSS REM units to Pixels (PX) and vice-versa instantly.

Try It

Credit Card Calculator

Calculate credit card payoff time.

Try It

Salary Calculator

Convert salary between hourly, monthly, annual.

Try It

Auto Loan Calculator

Calculate car loan payments and interest.

The Points to REM Converter is maintained by CodeItBro. We aim to provide the best free developer tools on the web. If you have feedback or suggestions, please visit our contact page.

Featured On