Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

141 - Une famille générique de police est indiquée comme dernier élément de substitution.

Thématique
Phase Projet

Objectif

Permettre aux contenus de s'afficher correctement, même lorsque les polices prévues ne sont pas présentes sur le système de l'utilisateur.

Mise en œuvre

Dans chaque feuille de style CSS, indiquer la famille générique de police appropriée dans les propriétés font-family ou font :

  • Pour les polices serif, ou à empattements (du type Times Roman), spécifier en dernier la famille de police générique serif. Dans l'exemple suivant, le terme « serif » a été correctement ajouté comme dernier élément de la liste des polices font-family: Georgia, "Bookman Old Style", serif.
  • Pour les polices sans serif, ou sans empattements (du type Arial), spécifier en dernier la famille de police générique sans-serif. Par exemple : font-family: Optima, "Trebuchet MS", sans-serif;
  • Pour les polices monospace (du type Courier), spécifier en dernier la famille de police générique monospace. Par exemple, font-family: Courier, monospace ;
  • De même, utiliser les familles génériques cursive et fantasy pour les polices manuscrites et fantaisies.
Contrôle

Dans toutes les feuilles de style CSS (pour tous les media : screen, print, etc.) :

  • Vérifier, par exemple à l'aide de la fonctionnalité Voir les CSS de la Web Developer Toolbar pour Firefox (menu CSS), que chaque propriété font ou font-family contient l'un des termes relatifs aux familles génériques de police : serif, sans-serif, monospace, cursive ou fantasy ;
  • Contrôler que ces termes sont situés en fin de liste pour chaque propriété font ou font-family ;
  • S'assurer de la pertinence de la famille générique indiquée : serif pour les polices à empattements, sans-serif pour les polices sans empattements, monospace, cursive ou fantasy dans des cas particuliers.

La vérification peut également être effectuée en validant la page HTML à l'aide de l'Inspecteur Opquast ou du validateur CSS du W3C (http://jigsaw.w3.org/css-validator/) qui avertit alors en cas d'absence de familles de police générique.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne