CSS Letter Spacing Tool

Home/Tools/Letter Spacing Tool

Fine-tune letter spacing for headings and body text.

No sign-up neededRuns in your browserProduction-ready CSS

0em

In pixels: 0.0px

Font Size16px

Font Weight400

Heading Example

The Quick Brown Fox

Body Text Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

-0.05 to 0

Tight (large headings)

0 to 0.02

Normal (body text)

0.05 to 0.15

Wide (uppercase, small caps)

Generated CSS

letter-spacing: normal;
font-size: 16px;
font-weight: 400;
text-transform: none;

/* Letter-spacing in pixels: 0.0px */

Generate responsive font sizes that scale smoothly between breakpoints.

Generate clamp() values for fluid font-size, padding, margin, and width.

Calculate optimal line heights for better readability.