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

font-kerning

The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.

Typography

Overview

The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
font-kerning
33
79
32
9
33
9
auto
33
79
32
9
33
9
none
33
79
32
9
33
9
normal
33
79
32
9
33
9
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 2 item(s)
Removed
  • This feature was removed in a later browser version (33)
Compatibility
  • Available with a vendor prefix: -webkit- (29)
Notes 1 item(s)
Compatibility
  • Available with a vendor prefix: -webkit- (6)
Notes 2 item(s)
Removed
  • This feature was removed in a later browser version (33)
Compatibility
  • Available with a vendor prefix: -webkit- (29)
Notes 1 item(s)
Compatibility
  • Available with a vendor prefix: -webkit- (6)

Syntax

CSS 
h1, h2 {
  font-kerning: normal;
}
.monospaced {
  font-kerning: none;
}

Live demo

Normal(enabled)

CSS Normal(enabled) demo.

PreviewFullscreen

None(disabled)

CSS None(disabled) demo.

PreviewFullscreen

Comparison

CSS comparison demo.

PreviewFullscreen

Use cases

  • Using font-kerning

    The font-kerning CSS property sets whether kerning data from a font is used to adjust the space between letters.

Cautions

  • May not be supported in older browsers.

Accessibility

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

Related links

Powered by web-features