CSS font-kerning Property

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

Description

The font-kerning property controls font kerning. Kerning is a change in the interval between certain letter combinations to maintain the density of letters in the text. This is especially important for letters that have oblique lines, like A, Y, W, V. Kerning information is stored in the font itself, and if the font does not support this feature, then the font-kerning property will not affect the text.

Initial value
auto
Applies to
All elements
Inherited
Yes
Computed value
As specified
Animatable
No
JavaScript syntax
object.style.fontKerning

Interactive Demo

The rusty swing set creaked a LONELY lullaby in the TWILIGHT, shadows LENGTHENING like grasping fingers across the dew-kissed grass.

Syntax

font-kerning: auto | normal | none

Values

  • autoSpecifies that kerning is applied at the discretion of the user agent.
  • normalSpecifies that kerning is applied.
  • noneSpecifies that kerning is not applied.

Example

<h1>Lorem ipsum dolor sit amet</h1> 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
h1 { 
   font-kerning: normal; 
} 

Browser Support

The following table will show you the current browser support for the CSS font-kerning property.

Desktop
Edge Chrome Firefox Opera Safari
793332209
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
333220924.4.3

Last updated by CSSPortal on: 2nd January 2024