Widely available Supported across all major browsers. Safe to use in production.

letter-spacing

The letter-spacing CSS property sets the spacing between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing spread characters further apart, while negative values of letter-spacing bring characters closer together.

Typography

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
letter-spacing
1
12
1
1
18
1
normal
1
12
1
1
18
1
Other
svg.global_attributes.letter-spacing

The letter-spacing attribute controls spacing between text characters.
1
12
1
1
18
1
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

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

Live demo

heading. characterbetween

CSS heading. characterbetween demo.

PreviewFullscreen

uppercase. characterbetween

CSS uppercase. characterbetween demo.

PreviewFullscreen

Value. Comparison

CSS Value. comparison demo.

PreviewFullscreen

Use cases

  • Using letter-spacing

    The letter-spacing CSS property sets the spacing between text characters.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Make sure visual changes are conveyed appropriately to assistive technology.

Related links