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.

En savoir plus: font sur MDN - font-family sur MDN

Contrôle

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

• Vérifier à l'aide d'un outil de développement d'un navigateur 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 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.

Auteur Opquast - Consulter la licence

Découvrez la certification Opquast

• Une formation et une certification 100% en ligne
• 14 heures en ligne en autonomie, disponible 24h/24, 7j/7
• guide de 200 pages, des quiz, un glossaire, des examens blancs, des articles des videos
• Pour tous les professionnels du Web : marketing, commerciaux, UX, chefs de projet, designers, développeurs, ingénieurs informatiques.
• Une approche multidisciplinaire : SEO, accessibilité, sécurité, écoconception… pour tous les professionnels, débutants comme confirmés.

Module de sensibilisation
Inscription gratuite