CSS font-kerning

The word kerning means, adjustment of spacing between letters/characters. And the CSS font-kerning property is used when we need to define how letters are spaced. For example:

HTML with CSS Code
<!DOCTYPE html>
<html>
<head>
   <style>
      #mydiv{font-kerning: normal;}
   </style>
</head>
<body>
   
   <div id="mydiv">
      <h2>The font-kerning Property</h2>
      <p>This is an example of font-kerning property in CSS.</p>
   </div>
   
</body>
</html>
Output

The font-kerning Property

This is an example of font-kerning property in CSS.

CSS font-kerning Syntax

The syntax of font-kerning property in CSS, is:

font-kerning: x;

The value of x should be any of the following:

  • normal - used to apply the the normal kerning
  • auto - used to allow the browser to determine whether the font-kerning should apply or not. This is the default value
  • none - used not to apply the font-kerning

CSS Online Test


« Previous Tutorial Next Tutorial »