Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.
@font-feature-values
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since marzo de 2023.
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
Loading...
Véase también
- La propiedad
font-variant-alternatesque usa valores definidos por esta regla-at.