htmlfonts
← Back to Guides Directory
Kerning & Tracking

How to Adjust Letter Spacing

01. The Concept

Letter-spacing adds horizontal space between characters. It's fantastic for uppercase headings but can destroy the legibility of lowercase body text.

02. Production-Ready Code

h1 { text-transform: uppercase; letter-spacing: 0.1em; }

💡 Pro Typography Tip

As font size increases, letter-spacing should generally decrease for tighter tracking.