Características font-kerning en CSS

Características font-kerning en CSS

Una propiedad font-kerning en CSS esta controla el uso de la información del kerning almacenada en la fuente utilizada.

Funciones font-kerning css

Valor inicialauto
Aplicado aTodos los artículos.
Heredable
MóvilNo
Valor calculadoComo se especificó.
/* palabras reservadas */ 
font-kerning: auto;
font-kerning: normal;
font-kerning: none;
/* valores globales */ 
font-kerning: inherit;
font-kerning: initial;
font-kerning: unset;

El énfasis define cómo se deben espaciar las letras. En fuentes que admiten simetría, esta característica mejorará la selección del espacio entre caracteres para facilitar su lectura. 

Ejemplos y aplicaciones en código

Comparación de dos párrafos que contienen caracteres latinos, uno en el que tenemos la función de ligadura habilitada y otro en el que esta función está deshabilitada:

<div id="kern">AV T. ij</div>
<div id="nokern">AV T. ij</div>

Código CSS:

div {
  font-size: 2em;
  font-family: serif;
}
#nokern {
  font-kerning: none;
}
#kern {
  font-kerning: normal;
}

Soporte de navegadores

CaracterísticaChromeFirefoxIEÓperaSafari
Soporte básico323410?7

Características generales

La propiedad acepta font-kerning una de las siguientes palabras reservadas.

auto

El navegador determinará si se deben usar signos diacríticos. Por ejemplo, algunos navegadores deshabilitarán los signos diacríticos en fuentes pequeñas, ya que su implementación puede dificultar la lectura del texto.

normal

Se debe aplicar la información de simetría almacenada en la fuente utilizada.

none

La información cursiva almacenada en la fuente utilizada debe estar desactivada.

Estructura font-kerning css

font-kerning: auto | normal | none;

Consulte también

  • La página de propiedades font que establece los valores de las font-style subpropiedades font-weightfont-size y line-height.
  • La página de propiedades color que establece el valor de color de los elementos.