Font-kerning - Trucos CSS

Anonim

La font-kerningpropiedad CSS define la forma en que se espacian los pares de letras específicos.

Verá, las fuentes a menudo contienen información sobre cuánto espacio para respirar tiene un personaje en sus bordes izquierdo y derecho.

El término apropiado para el espaciado es cojinetes laterales.

Cuando dos personajes se colocan uno al lado del otro, sus apoyos laterales se suman para formar el espacio real entre los personajes.

El lado derecho de A y el lado izquierdo de V definen el espacio entre ellos.

Los diseñadores de fuentes ajustarán los cojinetes laterales entre dos personajes específicos para que se vean mejor juntos. Eso es kerning y eso es lo que la font-kerningpropiedad nos permite decidir: si queremos usar el kerning de la fuente o deshabilitarlo por completo. Por lo tanto, si la fuente con la que está trabajando no admite datos de kerning, esta propiedad no tendrá ningún efecto sobre ella.

Sintaxis

font-kerning: auto | normal | none
  • Valor inicial: auto
  • Se aplica a: todos los elementos
  • Heredado:
  • Valor calculado:
  • Tipo de animación: discreto

Valores

font-kerning acepta los siguientes valores:

  • auto: Esto permite que el navegador decida si usar o no el kerning de fuentes.
  • normal: Permite utilizar el kerning almacenado en la fuente.
  • none: Desactiva el kerning.

Manifestación

Soporte de navegador

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.

Escritorio

Cromo Firefox ES DECIR Borde Safari
29 * 34 No 79 7 *

Móvil / Tablet

Android Chrome Android Firefox Androide Safari de iOS
88 85 4,4 * 8 *