Le descripteur font-style, associé à la règle @ @font-face, permet d'indiquer le style de police pour la police définie via la règle.
For a particular font family, authors can download various font faces which correspond to the different styles of the same font family, and then use the font-style descriptor to explicitly specify the font face's style. The values for the CSS descriptor is same as that of its corresponding font property.
| En lien avec les règles @ | @font-face |
|---|---|
| Valeur initiale | normal |
| Média | tous |
| Valeur calculée | comme spécifié |
| Ordre canonique | l'ordre unique et non-ambigu défini par la grammaire formelle |
Syntaxe
font-style: normal; font-style: italic; font-style: oblique;
Valeurs
normal- C'est la fonte « normale » de la police qui est choisie.
italic- C'est la fonte italique de la police qui est choisie.
oblique- C'est la fonte oblique (c'est-à-dire une version artificiellement penchée, obtenue à partir de la police normale) de la police qui est choisie.
Syntaxe formelle
normal | italic | oblique
Exemples
Dans les exemples qui suivent, on utilisera les différentes formes liées à la police Garamond :
@font-face {
font-family: garamond;
src: url('garamond.ttf');
}
La version en italique du texte utilisera les mêmes glyphes que la version normale, artificiellement penchés de quelques degrés.
En revanche, si on dispose d'une vraie version italique, on peut l'indiquer via le descripteur src et indiquer que c'est une police italique via font-style. Une « vraie » police italique utilisera des glyphes différents et la qualité calligraphique obtenue sera meilleure qu'avec les glyphes normaux penchés artificiellement.
@font-face {
font-family: garamond;
src: url('garamond-italic.ttf');
/* On indique ici que la police est italique */
font-style: italic;
}
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Fonts Module Level 3 La définition de 'unicode-range' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | 3.5 (1.9.1) | 4.0 | 4.0 | 10.0 | 3.1 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mini | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | 1.0 (1.9.1) | ? | Pas de support | 10.0 | (Oui) |