CSS CSS Tutorial CSS Advanced CSS Responsive Web Design(RWD) CSS Grid CSS Properties Sass Tutorial Sass Functions



font-kerning

Font-kerning is a CSS property that controls the spacing between characters in a font. It is used to adjust the space between specific pairs of letters to improve the overall appearance of the text. Kerning is the process of adjusting the space between characters in a font to make the text more visually appealing and easier to read.

The font-kerning property is used to control the amount of space between characters in a font. It is a shorthand property that combines the font-kerning-pair and font-kerning-triplet properties. The font-kerning-pair property is used to adjust the space between two specific characters, while the font-kerning-triplet property is used to adjust the space between three specific characters.

The font-kerning property can be set to three different values: auto, normal, and none. The default value is auto, which means that the browser will automatically adjust the space between characters based on the font and the text size. The normal value is used to reset the font-kerning property to its default value. The none value is used to disable font-kerning altogether.

Here are some examples of how to use the font-kerning property:

<p style="font-kerning: auto;">This is some text with automatic kerning.</p>
<p style="font-kerning: normal;">This is some text with normal kerning.</p>
<p style="font-kerning: none;">This is some text with no kerning.</p>

The font-kerning property is supported by most modern browsers, including Chrome, Firefox, Safari, and Edge. However, it is not supported by Internet Explorer.

Overall, font-kerning is an important CSS property that can be used to improve the appearance and readability of text on a website. By adjusting the space between characters in a font, designers can create a more visually appealing and professional-looking website.

References:

Activity