CSS font-kerning

The CSS font-kerning property controls the spacing between characters in a text. It allows you to enable or disable the use of kerning - the process of adjusting the spacing between specific pairs of characters to improve the visual appearance of text.

The font-kerning property can have the following values:

1. auto: The browser will apply kerning if it is available for the font.
2. normal: Kerning is disabled.

Let's see an example to understand how font-kerning works in CSS:

In this example, the text "Lorem Ipsum" will have kerning applied because we have set the font-kerning property to auto. If kerning is not available for the font, the browser will fallback to the default value.

Now, let's try disabling kerning by setting the font-kerning property to normal:

As you can see in the example above, when kerning is disabled, the spacing between characters is uniform and there is no adjustment made for better visual appearance.

It's important to note that not all fonts support kerning, so the effect of the font-kerning property may vary depending on the font being used.