@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: 2
es válido conident2: 2 4
no 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: 2
es válido conident2: 2 4
no 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: 2
es válido conident2: 2 4
no 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: 2
es válido conident2: 2 4
no 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 1
corresponden a los valores OpenTypess02
,ss04
,ss12
,ss01
. Nótese que los valores superiores a99
son 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: 2
corresponde acv02=1
yident2: 2 4
corresponde acv02)4
eident2: 2 4 5
no 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-alternates
que usa valores definidos por esta regla-at.