Le choix de la police

Chaque caractère possède une apparence et une personnalité qui donne le ton à la publication. Chaque caractère parle au lecteur sur un ton différent.

Les caractères se divisent en deux grandes familles: les caractères avec empattement (sérifs)  et les caractères sans empattement (sans sérifs).

• Caractère avec sérifs : L'empattement est le trait horizontal plus ou moins épais en haut et en bas du jambage des lettres. Ces empattements, agréables sur un support papier, réduisent la lisibilité du texte sur un écran d'ordinateur et fatiguent le lecteur. Les polices avec sérifs sont déconseillées pour l'écriture Web..
  Times New Roman - Century Schoolbook - Bookman old style
  

• Caractères sans sérifs : Plus communément appelés caractères bâton , ils ont un jambage d'une épaisseur uniforme. Ils sont conseillés dans l'écriture des pages web, c'est le cas d' Arial que nous utilisons dans ces pages.
  
  Arial - Helvetica - Verdana

Exemples

Caractère avec sérifs

L'empattement est le trait horizontal plus ou moins épais en haut et en bas du jambage des lettres. Ces empattements, agréables sur un support papier, réduisent la lisibilité du texte sur un écran d'ordinateur et fatiguent le lecteur. Les polices avec sérifs sont déconseillées pour l'écriture Web..

Caractères sans sérifs

L'empattement est le trait horizontal plus ou moins épais en haut et en bas du jambage des lettres. Ces empattements, agréables sur un support papier, réduisent la lisibilité du texte sur un écran d'ordinateur et fatiguent le lecteur. Les polices avec sérifs sont déconseillées pour l'écriture Web..

Recommandations

• Utilisez les polices les plus courantes, car le visiteur ne voit que les polices installées sur son ordinateur.
• Utilisez les polices sans sérif pour la lecture en ligne, Arial, Helvetica, Tahoma ,Verdana.
• Réservez les polices de fantaisie pour les grands titres (attention toutefois à leur lisibilité). Par sécurité pour les polices plus fantaisistes vous pouvez les utiliser en créant d'abord une image.
• Limitez le nombre de police différentes dans une même page : 3 polices différentes c'est largement suffisant.
• Evitez d'utiliser le style italique, il amoindrit la lisibilité du texte.
• Les caractères ombrés doivent être peu utilisés et s'ils le sont il est préférable que cela le soit dans une police de grande taille.
• La lisibilité est assurée à partir de 12 pixels de haut. Mais, attention, car toutes les polices n'ont pas la même taille ni le même rendu. Il est donc préférable d'utiliser une police de taille fixe.

• Attention ! les polices affichées sur un Mac sont d'une taille d'1/3 plus petite que sur un système Windows.
  http://actuel.fr.selfhtml.org/articles/css/fontsize/index.htm#a2.
• Pour les textes courants, il est préférable d'utiliser un corps compris entre 9 et 12.
  Un corps 6, par exemple, fatigue vite la vue, tandis qu'un corps 14 (ou supérieur) est souvent disproportionné par rapport à la justification de la colonne de texte.
• Pensez aux variations de taille de police selon les navigateurs.