@font-feature-values

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.

css
@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() de font-variant-alternates. La definición de un valor de swash permite solo un valor: ident1: 2 es válido con ident2: 2 4 no lo es.

@annotation

Especifica el nombre de una característica que trabajará con la notación funcional annotation() de font-variant-alternates. La definición de un valor de annotation permite solo un valor: ident1: 2 es válido con ident2: 2 4 no lo es.

@ornaments

Especifica el nombre de una característica que trabajará con la notación funcional ornaments() de font-variant-alternates. La definición de un valor de ornaments permite solo un valor: ident1: 2 es válido con ident2: 2 4 no lo es.

@stylistic

Especifica el nombre de una característica que trabajará con la notación funcional stylistic() de font-variant-alternates. La definición de un valor de stylistic permite solo un valor: ident1: 2 es válido con ident2: 2 4 no lo es.

@styleset

Especifica el nombre de una característica que trabajará con la notación funcional styleset() de font-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 OpenType ss02, ss04, ss12, ss01. Nótese que los valores superiores a 99 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() de font-variant-alternates. La definición de un valor de character-variant permite uno o dos valores: ident1: 2 corresponde a cv02=1 y ident2: 2 4 corresponde a cv02)4 e ident2: 2 4 5 no es válido.

Sintaxis formal

@font-feature-values = 
@font-feature-values <family-name># { <declaration-rule-list> }

<family-name> =
<string> (en-US) |
<custom-ident> (en-US)+

Especificaciones

Specification
CSS Fonts Module Level 4
# font-feature-values

Compatibilidad con navegadores

BCD tables only load in the browser

Véase también