@font-feature-values

Syntaxe

@font-feature-values Font Name {
  font-display: swap;
  @styleset {
    nice-style: 12;
  }
  @swash {
    fancy: 2;
  }
}

Chaque bloc @font-feature-values peut contenir une liste de blocs de valeurs de fonctionnalités (listés ci-dessous), ainsi que le descripteur font-display.

Blocs liés aux caractéristiques

@swash

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle swash() de font-variant-alternates. Une définition de valeur de fonctionnalité swash n'accepte qu'une seule valeur : ident1: 2 est valide, mais ident2: 2 4 ne l'est pas.

@annotation

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle annotation() de font-variant-alternates. Une définition de valeur de fonctionnalité annotation n'accepte qu'une seule valeur : ident1: 2 est valide, mais ident2: 2 4 ne l'est pas.

@ornaments

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle ornaments() de font-variant-alternates. Une définition de valeur de fonctionnalité ornaments n'accepte qu'une seule valeur : ident1: 2 est valide, mais ident2: 2 4 ne l'est pas.

@stylistic

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle stylistic() de font-variant-alternates. Une définition de valeur de fonctionnalité stylistic n'accepte qu'une seule valeur : ident1: 2 est valide, mais ident2: 2 4 ne l'est pas.

@styleset

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle styleset() de font-variant-alternates. Une définition de valeur de fonctionnalité styleset accepte un nombre illimité de valeurs : ident1: 2 4 12 1 correspond aux valeurs OpenType ss02, ss04, ss12 et ss01. Les valeurs supérieures à 99 sont valides mais ne correspondent à aucune valeur OpenType et sont ignorées.

@character-variant

Définit un nom de fonctionnalité utilisable avec la notation fonctionnelle character-variant() de font-variant-alternates. Une définition de valeur de fonctionnalité character-variant accepte une ou deux valeurs : ident1: 3 correspond à cv03=1, et ident2: 2 4 correspond à cv02=4, mais ident2: 2 4 5 est invalide.

Syntaxe formelle

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

<family-name> = 
  <string>         |
  <custom-ident>+  

Exemples

Utiliser @styleset dans une règle @font-feature-values

/* Règle pour « nice-style » dans Font One */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* Règle pour « nice-style » dans Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
}

/* Appliquer les règles avec une seule déclaration */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

Specifications

Compatibilité des navigateurs

Voir aussi

• La propriété font-variant-alternates qui utilise les valeurs définies par cette règle.