Saltar al contenido

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 inicialauto
Se aplica aTodos los elementos. También se aplica a ::first-letter y ::first-line.
HeredableSí.
AnimableNo.
VersiónCSS3
Sintaxis DOMobject.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

ValorDescripción
autoDepende del navegador si se debe establecer o no el font-kerning. Este es el valor predeterminado de la propiedad.
normalEstablece el kerning de la fuente.
noneNo establece el kerning de la fuente.

Práctica

¿Qué es el Font-Kerning en CSS?

¿Te resulta útil?

Vista previa dual-run — compárala con las rutas Symfony en producción.