1. Accueil
  2. Opquast V3
  3. 180 - Une famille générique de police est ind…

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

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.

Solution technique

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.
Moyen de controle

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.

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier