Categories
CSS Web development

CSS font-kerning Property

CSS font-kerning Property

The CSS font-kerning property controls the usage of the kerning information stored in a font.

Syntax:

font-kerning: auto|normal|none;

auto (default) – the browser specifies whether font-kerning will be applied or not.

normal – defines that font-kerning is applied.

none – defines that font-kerning is not applied.

Example:

<!DOCTYPE html>
<html>
<head>
<style> 

.example-1 {font-kerning: auto;}
.example-2 {font-kerning: normal;}
.example-3 {font-kerning: none;}

</style>
</head>
<body>

<p class="example-1">“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”</p>
<p class="example-2">“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”</p>
<p class="example-3">“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”</p>

</body>
</html>

Output:

“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”

“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”

“The author of ‘THE OLD MAN AND THE SEA’ is E. Hemingway.”

Enjoy coding!

Read also:

CSS Fallback Fonts

CSS font-family Property

CSS @font-face Rule