ARZENTIQ
DESIGN & WEB

Letter Spacing Converter

Convert letter spacing between tracking units (1/1000 em), em, %, px, rem and pt at your font size — Figma / Adobe tracking to CSS letter-spacing.

The spacing in every unit for the font size you set, the CSS letter-spacing declaration in em with the px equivalent, and notes when the value is unusually tight or wide.

Example: Tracking 50 at 16 px is 0.05 em = 0.8 px = 5 % = 0.6 pt → letter-spacing: 0.05em; −0.5 px at 14 px is −0.036 em (−35.7 tracking).

v0.1.0 · last reviewed 21 September 2026
Loading the workspace…
BUILT TO BE UNDERSTOOD

Tracking, em, per cent, px:
one number at a font size.

Where the units come from, why the font size is the only context, and which form to write in CSS.

The units

Adobe and Figma quote tracking in thousandths of an em: 50 means 0.05 em. CSS letter-spacing takes any length — em (relative to the element's own font size), px, rem, pt (4/3 of a CSS px) or a percentage of the font size in some tools. At a font size F px, 1 em = F px, so every form converts through px = value × (px per unit); the root font size only matters for rem.

em or px

Written in em, the spacing scales with the font size — the same 0.05 em looks proportionate at 14 px and at 48 px, which is what a design system wants. Written in px it stays put when the type changes size. The page writes the em form with the px equivalent in a comment so the intent is clear either way.

Notes

The page flags spacing beyond half an em (letters start to read as separate marks) and negative tracking tighter than −0.1 em (collisions at text sizes; usual only for display type). Those are reading observations, not rules; kerning pairs, optical sizes and the typeface's own fit change what looks right. Nothing leaves the browser; the same four anonymous usage counts as the rest of the site apply.

SOURCES

  • 1 em = element font size; 1000 tracking units = 1 em (Adobe, Figma); 1 % = 0.01 em; 1 pt = 4/3 CSS px; rem relative to the root font size you enter

Last reviewed 21 September 2026. How results are checked: How we verify.