font-style

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, artificiellement penchée à partir de la police normale, de la police qui est choisie.

oblique avec un angle

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. L'angle indiqué correspond à la pente du texte.

oblique avec un intervalle d'angle

Utilise une fonte comme oblique et indique un intervalle d'angles possibles pour la pente du texte. On notera que l'intervalle est uniquement pris en compte pour la valeur oblique, aucune autre valeur n'est autorisée après normal ou italic.

font-style = 
  auto                                      |
  normal                                    |
  italic                                    |
  oblique [ <angle [-90deg,90deg]>{1,2} ]?  

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;
}