Definición de .font-feature-settings utilizado en CSS
Esta propiedad nos da control sobre configuraciones tipográficas avanzadas, como pequeñas tapas, ligaduras y swashes. Para activarlos, debe declarar qué valor necesita en cotizaciones y luego seguido de 1 o encendido para habilitar. Alternativamente, puede deshabilitarlos con 0 o apagado:
Ejemplo de empleo : propiedad CSS font-feature-settings
Esta propiedad de CSS normalmente se utiliza de esta forma:
.element {
/* these two values do the same thing */
font-feature-settings: "liga" 1;
font-feature-settings: "liga1" on;
}Otro ejemplo más avanzado de .font-feature-settings es el siguiente de CODEPEN:
Sintaxis de .font-feature-settings en CSS
font-feature-settings: normal|feature-value;Valores
| Valor | Descripción | Manifestación |
|---|---|---|
| normal | Defecto. Use la configuración predeterminada para diseñar el texto | |
| valor-característica | Formato: cadena [1|0|on|off] Siempre una cadena de 4 caracteres ASCII. |
Exploradores compatibles con .font-feature-settings
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-kerning | 33.0 29.0 -webkit- | 79.0 | 34.0 | 9.1 7.0 -webkit- | 20.1 16.0 -webkit- |
