CSS font-kerning Property
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
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 | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
|
79 | 33 | 32 | 20 | 9 |
Tablets / Mobile | |||||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
33 | 32 | 20 | 9 | 2 | 4.4.3 |
Last updated by CSSPortal on: 2nd January 2024