@font-feature-values
Baseline 2023
Newly available
Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Resumen
La regla-at CSS @font-feature-values permite a los autores usar un nombre común de font-variant-alternates para características activadas de distintas formas en OpenType. Permite simplificar el código CSS cuando se usan distintas fuentes.
@font-feature-values Font One {
/* Cómo activar nice-style en Font One */
@styleset {
nice-style: 12;
}
}
@font-feature-values Font Two {
/* Cómo activar nice-style en Font Two */
@styleset {
nice-style: 4;
}
}
/* … */
.nice-look {
font-variant-alternates: styleset(nice-style);
} /* Independiente de la fuente */
La regla-at @font-feature-values debe ser usada en la parte superior de la hoja de estilos, pero también dentro de Grupos de reglas condicionales.
Sintaxis
Bloques de valores de características
@swash-
Especifica el nombre de una característica que trabajará con la notación funcional
swash()defont-variant-alternates. La definición de un valor de swash permite solo un valor:ident1: 2es válido conident2: 2 4no lo es. @annotation-
Especifica el nombre de una característica que trabajará con la notación funcional
annotation()defont-variant-alternates. La definición de un valor de annotation permite solo un valor:ident1: 2es válido conident2: 2 4no lo es. @ornaments-
Especifica el nombre de una característica que trabajará con la notación funcional
ornaments()defont-variant-alternates. La definición de un valor de ornaments permite solo un valor:ident1: 2es válido conident2: 2 4no lo es. @stylistic-
Especifica el nombre de una característica que trabajará con la notación funcional
stylistic()defont-variant-alternates. La definición de un valor de stylistic permite solo un valor:ident1: 2es válido conident2: 2 4no lo es. @styleset-
Especifica el nombre de una característica que trabajará con la notación funcional
styleset()defont-variant-alternates. La definición de un valor de stylset permite una cantidad ilimitada de valores:ident1: 2 4 12 1corresponden a los valores OpenTypess02,ss04,ss12,ss01. Nótese que los valores superiores a99son válidos, pero no corresponden a ningún valor OpenType y serán ignorados. @character-variant-
Especifica el nombre de una característica que trabajará con la notación funcional
character-variant()defont-variant-alternates. La definición de un valor de character-variant permite uno o dos valores:ident1: 2corresponde acv02=1yident2: 2 4corresponde acv02)4eident2: 2 4 5no es válido.
Sintaxis formal
@font-feature-values =
@font-feature-values <family-name># { <declaration-rule-list> }
<family-name> =
<string> |
<custom-ident>+
Especificaciones
| Specification |
|---|
| CSS Fonts Module Level 4 # font-feature-values |
Compatibilidad con navegadores
BCD tables only load in the browser
Véase también
- La propiedad
font-variant-alternatesque usa valores definidos por esta regla-at.