
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 inicial | auto |
---|---|
Aplicado a | Todos los artículos. |
Heredable | Sí |
Móvil | No |
Valor calculado | Como 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ística | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 32 | 34 | 10 | ? | 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 lasfont-style
subpropiedadesfont-weight
,font-size
yline-height
. - La página de propiedades
color
que establece el valor de color de los elementos.
- ¿Qué es el código CSS y en que se utiliza?
- Característica background-attachment en CSS
- Característica background-blend-mode en CSS
- Característica background-clip en CSS
- Característica background-color en CSS
- Característica background-image en CSS
- Característica background-origin en CSS
- Característica background-position en CSS
- Característica background-repeat en CSS
- Característica background-size en CSS
- Característica border-bottom en CSS
- Característica border-bottom-color en CSS
- Característica border-bottom-style en CSS
- Característica border-bottom-width en CSS
- Característica border-color en CSS
- Característica border-image en CSS
- Característica border-image-outset en CSS
- Característica border-image-repeat en CSS
- Característica border-image-slice en CSS
- Característica border-image-source en CSS
- Característica border-left-color en CSS
- Característica border-left-style en CSS
- Característica border-left-width en CSS
- Característica border-right en CSS
- Característica Box Sizing en CSS
- Característica box-shadow en CSS
- Característica de Border en CSS
- Característica de Opacity en CSS
- Característica del Background en CSS
- Característica del Color en el CSS
- Característica del CSS Bottom
- Característica del CSS Display
- Característica del Margin en CSS
- Característica del Overflow en CSS
- Característica del Padding en CSS
- Características align-content en CSS
- Características align-items en CSS
- Características align-self en CSS
- Características border-bottom-left-radius en CSS
- Características border-bottom-right-radius en CSS
- Características border-image-width en CSS
- Características border-left en CSS