Letter Spacing & Kerning Previewer – Tracking to CSS

Your text

Font Bold

Size 88 px

Wavy Type

Click between two letters to select a pair. Keyboard: ← → choose the pair, Alt+← → or ↑ ↓ adjust by 10 (add Shift for 50), Delete resets it.

Pair—select a pair in the preview

Tracking 0

0/1000 em = 0% in Figma = letter-spacing: 0

Word spacing 0 em

Line height 1.15

Case

Use the font’s built-in kerning

✓ Tracking is neutral — a safe start for mixed-case text

.headline {
  font-family: "Playfair Display", serif;
  font-size: 88px;
  font-weight: 700;
  line-height: 1.15;
}