Propiedad font-kerning de CSS
La propiedad font-kerning controla el uso de la información de kerning almacenada en una fuente. El kerning define el espaciado de las letras.
El kerning especifica cómo se distribuyen las letras. Hace que el espaciado entre caracteres sea más agradable a la vista y más fácil de leer.
| Valor inicial | auto |
|---|---|
| Se aplica a | Todos los elementos. También se aplica a ::first-letter y ::first-line. |
| Heredable | Sí. |
| Animable | No. |
| Versión | CSS3 |
| Sintaxis DOM | object.style.fontKerning = "none"; |
Sintaxis
Sintaxis de la propiedad font-kerning de CSS
css
font-kerning: auto | normal | none;Ejemplo de la propiedad font-kerning:
Ejemplo de la propiedad CSS font-kerning con valores normal y auto
html
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div {
font-family: serif;
font-size: 20px;
}
div.example1 {
font-kerning: normal;
}
div.example2 {
font-kerning: auto;
}
</style>
</head>
<body>
<h2>Font-kerning property example</h2>
<div class="example1">The text is with font kerning.</div>
<div class="example2">The text is without font kerning.</div>
</body>
</html>Valores
| Valor | Descripción |
|---|---|
| auto | Depende del navegador si se debe establecer o no el font-kerning. Este es el valor predeterminado de la propiedad. |
| normal | Establece el kerning de la fuente. |
| none | No establece el kerning de la fuente. |
Práctica
¿Qué es el Font-Kerning en CSS?