Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Propriété font-variant

Description de la propriété font-variant.

Initialement, en CSS2, la propriété font-variant définissait simplement la capitalisation des caractères (écriture en petites capitales par exemple). En CSS3 font-variant définit de nombreux paramètres typographiques avancés comme la ligature ou la substitution de caractères. C'est maintenant une propriété raccourcie qui correspond aux propriétés suivantes :

Toutes les valeurs ne sont pas forcément spécifiées mais celles qui ne le sont pas seront remises à leur valeur initiale. Ignorer une valeur ne la laisse donc pas inchangée.

font-variant et les propriétés dérivées ci-dessus fonctionnent avec les polices du type OTF ou WOFF.

Syntaxes pour font-variant.

  • font-variant: normal;

    Valeur par défaut. La valeur normal initialise toutes les propriétés individuelles de font-variant à leur valeur initiale.

  • font-variant: none;

    La valeur none initialise la propriété Object à none et toutes les autres propriétés individuelles à leur valeur initiale.

  • font-variant: small-caps oldstyle-nums common-ligatures;

    Exemple d'une syntaxe définissant la valeur de plusieurs propriétés individuelles. Cette écriture est équivalente à :

    font-variant-caps: small-caps; font-variant-numeric: oldstyle-nums; font-variant-ligature: common-ligatures;
  • font-variant: initial;

    La valeur initiale est normal.

  • font-variant: unset; font-variant: inherit;

    Reportez-vous à la description générale de ces valeurs.

Simulateur.

Le simulateur ci-dessous vous donne une idées des possibilités typographiques de CSS et des polices OTF/WOFF. Pour une présentation plus complète, reportez-vous aux propriétés spécifiques de la famille font-variant.

font-variant :
Buvez de ce whisky 1982 que le patron juge fameux.

Affichage des fractions : 3/4   270/1000

Prise en charge et compatibilité des navigateurs.

Les anciennes valeurs de font-variant (normal,small-caps) sont bien reconnues par tous les navigateurs actuels.

Les possibilités liées aux polices OTF (OpenType Font) sont très liées à la police de caractères utilisée. Peu de polices proposent toutes les possibilités.

Afficher les versions antérieures   Afficher la version à venir  

Il en et de même pour les affichages de nombres particuliers tels que les fractions.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Polices et caractères - Propriétés.

Polices et caractères - Directives.

  • @charset : Indique le jeu de caractères utilisé dans la feuille de styles.
  • @font-face : Définit tous les paramètres d'une police de caractères téléchargeable.
  • @font-feature-values : Définit les variantes typographiques à utiliser.