Webmaster - Polices dans les pages Web

Lorsque vous utilisez une police dans une page Web, celle-ci ne s'affiche que si les utilisateurs ont la même police installée sur leur ordinateur.

  • Vous n'avez aucun moyen de forcer l'utilisateur à télécharger et à installer une police spécifique.
  • Vous ne pouvez pas être sûr que les polices sont installées sur l'ordinateur de l'utilisateur.
  • Vous ne pouvez pas savoir avec certitude comment votre page sera rendue dans les navigateurs.

Utiliser des polices alternatives

Par exemple, si vous souhaitez que votre page affiche la police "Trebuchet MS". Puis spécifiez:

 famille de polices: "Trebuchet MS", Verdana, Arial, Helvetica, sans serif; 

En mettant "Trebuchet MS" en premier, vous spécifiez que la page doit être affichée avec cette police.

  • Si l'utilisateur a une police installée, la page sera affichée avec Trebuchet MS.
  • Si l'utilisateur ne possède pas cette police, le navigateur essaiera successivement avec les suivantes (Verdana, Arial ...).

Spécifiez simplement des polices proches graphiquement / visuellement de la police que vous souhaitez utiliser.

Les types par défaut

Il existe 3 types de polices par défaut que tous les navigateurs reconnaissent:

  • serif:
  • sans serif
  • monospace

Lorsque vous spécifiez la police à utiliser, il est recommandé de toujours spécifier l'une de ces trois polices génériques en dernier recours.

Typiquement, comme dans notre exemple ci-dessus:

 famille de polices: "Trebuchet MS", Verdana, Arial, Helvetica, sans serif; 

Sans-serif est la police qui sera la plus proche de "Trebuchet MS" et, dans le pire des cas, vous aurez un site Web légèrement différent de votre concept d'origine.

L'apparence des polices par défaut

Chaque système d'exploitation et navigateur interprète différemment les polices par défaut

  • serif: C'est "Times New Roman" sous Windows et le "Times" sur Macintosh (qui est différent de Windows).
  • sans-serif: Il s'agit du "Arial" sous Windows et du "Helvetica" sous Macintosh.
  • Monospace: "Courier New" dans Windows, "Courrier" sur Macintosh et souvent "VeraSans" ou "DejaVuSans" Linux.

Voici l'apparition des polices sous Windows (dans Internet Explorer):

Sous Windows, mais avec ClearType activé:

MacOS X (Safari):

Linux (Ubuntu - Firefox):

Recommandations

Pour les polices empattées, spécifiez:

"Times New Roman", Times, serif;

Pour les polices sans-serif, spécifiez:

Verdana, Arial, Helvetica, sans serif;

(Verdana a une meilleure lisibilité de l'écran que Arial, même s'il y a une controverse sur l'utilisation de la police).

Pour les polices mono-espacées:

"DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;

Les familles de polices Vera et DejaVu sont Open Source et permettent une meilleure lisibilité.

Liens

Les polices disponibles lors de l’installation de Windows XP.

Article Précédent Article Suivant

Les Meilleurs Conseils