Propiedad font-kerning de CSS
The font-kerning CSS property controls the kerning information of the font. Read about values and try some examples.
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
font-kerning: auto | normal | none;Ejemplo de la propiedad font-kerning:
Ejemplo de la propiedad CSS font-kerning con valores normal y auto
<!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
Práctica
¿Qué es el Font-Kerning en CSS?