Letter Spacing & Kerning Tool

Perfect the spacing between letters for logos, headlines, and display text. Visual editor with pixel-level control.

Letter Spacing & Kerning Tool

Perfect the spacing between letters for logos, headlines, and display text.

Text to Adjust:

Tracking (Overall Letter Spacing): 0px

Font Size: 72px

Pair Kerning (Specific Letter Pairs):

0px

Preview:

AVATAR

Highlighted pair: AV (0px adjustment)

Kerning Tips

• Tighten spacing for large display text (headlines, logos)
• Loosen spacing for small text or all-caps text
• Common problem pairs: AV, WA, To, Yo, LT
• Optically adjust, not mathematically - trust your eyes
• View at actual size before finalizing

How the Font Kerning Adjuster Works

Enter your text and adjust the overall tracking (letter spacing) with the slider. See how spacing affects readability and appearance at different values.

For fine-tuning, select specific letter pairs and adjust their kerning individually. Problem pairs like AV or To get special attention. Highlighted pairs show your adjustments.

Copy the CSS code with your spacing settings. Or download as SVG for use in design tools. Perfect your typography for logos and headlines. All processing happens locally.

When You'd Actually Use This

Logo design

Logos need perfect spacing. Adjust kerning for visual balance. Professional results without design software.

Headline typography

Large text shows spacing flaws. Tighten kerning for impact. Make headlines look professionally typeset.

Fixing problem pairs

Some letter combinations look awkward. AV, WA, To need adjustment. Fix visual gaps manually.

All-caps text

All-caps often needs looser spacing. Adjust tracking for readability. Elegant uppercase typography.

Learning typography

Understand kerning vs tracking. See how spacing affects perception. Build typography skills hands-on.

Export for design tools

Download as SVG for Illustrator. Use kerned text in logos. Seamless workflow between tools.

What to Know Before Using

Kerning vs tracking difference.Kerning adjusts specific pairs. Tracking adjusts all letters. Use tracking for overall feel, kerning for problem spots.

Optical vs metric kerning.Optical looks better but is subjective. Metric uses font's built-in spacing. Trust your eyes for important work.

Size affects spacing needs.Large text needs tighter kerning. Small text needs more space. Adjust at actual display size.

Different fonts need different spacing.Condensed fonts need less tracking. Wide fonts need more. Each font has optimal spacing.

Pro tip: Step back from the screen when evaluating kerning. Distance reveals spacing issues. Squint your eyes to see overall texture.

Common Questions

What's a good tracking value?

0 is default. -1 to -2 for tight headlines. 1 to 5 for airy designs. All-caps often needs 2-5. Depends on font and size.

Which letter pairs need kerning?

Diagonal letters: AV, WA, YA. Round letters: To, Yo, LT. Any pair with visual gaps. Trust your eyes.

Should kerning be positive or negative?

Both are valid. Negative brings letters closer. Positive adds space. Adjust until it looks right visually.

Does this work for body text?

Tracking adjustments work for body text. Individual kerning is overkill for small text. Focus on headlines and logos.

Can I save my settings?

Copy the CSS code to save settings. Or download the SVG. Reapply settings manually for future projects.

What units are used?

CSS uses pixels or ems. This tool uses pixels. Convert to ems by dividing by font size for scalable typography.

Is this tool free?

Yes, completely free with no registration. Adjust kerning for as many projects as you need. No limitations.

Other Free Tools

Search tools

Letter Spacing & Kerning Tool