What is tracking in Figma and Adobe apps?

Tracking is letter-spacing expressed in thousandths of an em. A tracking of 100 equals 0.1em. Figma uses tracking; CSS uses em, rem, or px for the letter-spacing property.

Why does the result change when I change the base font size?

Em and rem are relative units. One em equals the current font size in px. Changing the base font size recalculates how many pixels an em or rem corresponds to, so the px value shifts accordingly.

Is rem the same as em for letter-spacing?

For letter-spacing, rem is relative to the root font size (usually 16px) while em is relative to the element's own font size. This calculator treats them equivalently using the base font size you enter.

What is a typical letter-spacing value?

Body text rarely needs letter-spacing. Headings may use 0.02–0.05em (20–50 tracking) for readability. All-caps labels often use 0.08–0.15em (80–150 tracking). Negative values tighten spacing.

Does CSS accept tracking units directly?

No. CSS letter-spacing uses length units (em, rem, px, etc.). Use this calculator to convert a tracking value from Figma or Adobe into the correct em or px value for your stylesheet.

Letter Spacing Calculator

Name: Letter Spacing Calculator
Availability: InStock
Author: Nham Vu

Convert letter-spacing between em, rem, px, and tracking units (Figma/Adobe) to keep type settings consistent across design tools and code.

Input

Letter-spacing value

Base font size (px)

Used to resolve em/rem ↔ px. Default: 16px.

Quick presets

Conversion formulas

tracking = em × 1000

px = em × base font size

rem = em (same, different reference)

Results

Click a row to copy

Live preview

Sample text rendered with the current letter-spacing:

16px / body

The quick brown fox jumps over the lazy dog.

24px / heading

Typography matters.

11px / label (all-caps)

Subscribe to newsletter

Copied!

Summary

Convert letter-spacing between em, rem, px, and tracking units (Figma/Adobe) to keep type settings consistent across design tools and code.

How it works

Enter a letter-spacing value in any unit (em, rem, px, or tracking).
Set the base font size in px — default is 16px (browser default).
Results update instantly in all four units.
Tracking is defined as em × 1000; a tracking of 50 equals 0.05em.
Copy any result with one click to paste into CSS or a design tool.

Use cases

Translate a Figma tracking value into the CSS letter-spacing property.
Check how an em-based spacing looks in raw pixels at a given font size.
Align type settings between Adobe Illustrator (tracking) and a CSS stylesheet.
Verify that a designer-specified tracking value matches developer implementation.

Frequently Asked Questions

Last updated: 2026-07-01 · Reviewed by Nham Vu