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: