2012-03-15

Police a utiliser pour son site ?

Mathieu Ribot

La police d’écriture à appliquer sur un site est un point critique de l’ergonomie d’un site internet, voyons pourquoi:

Sa standardisation

La police d’écriture doit être standard pour être lisible et de la même façon sur tous les navigateurs.

(Les puristes me diront qu’un site peut fournir sa police d’écriture mais cela nécessite son téléchargement avant utilisation, d’où une gène d’accessibilité, de plus cette méthode ne marche pas sur tous les navigateurs.)

Quelques standard

Arial, Arial Narrow, Verdana, Times New Roman, Trebuchet MS, Georgia, Palatino, Tahoma, Lucida, Courier New, Impact.

 

Sa largeur de base

La police est généralement appliquée sur tout le contenu d’un site, que ce soit les titres mais aussi les paragraphes.

Une page possède jusqu’à 8 titres de taille différente permettant d’indiquer à google et aux visiteurs la hiérarchie de sa composition.

Un titre écrit sur une ligne sera évidemment mieux lisible qu’écrit sur 2 lignes, de plus un titre d’accroche est possède au maximum 40 caractères.

Ainsi une police ayant une largeur importante devra avoir une taille réduite afin de ne pas être visible sur 2 lignes.

 

Choisir la taille en fonction de la police

Il faut savoir que chaque police d’écriture à sa largeur personnalisé donc je vais sans doute en décevoir certain car il n’y a pas de méthode miracle.

Pour savoir si la police que l’on a choisit  convient ou non, le mieux est de faire un test avec la police choisit et un titre de type H1 (le plus important).

Écrire un titre H1 de 40 caractères, et augmenter sa taille jusqu’à ce qu’il soit prêt à passer à la ligne du dessous.

Vous venez de trouver la taille de vos titre H1, maintenant il faudra tester les titres H2, H3.. jusqu’à H6 en se souvenant bien que les visiteurs devront faire une différence entre chacune des tailles de vos titres sans même réfléchir.

Pour les sous-titres H2 et suivants, inutile de prendre en compte la règle des 40 caractères, on est d’accord..

 

Taille des paragraphes

Abordons un autre problème, la taille de la police appliqué aux paragraphes de nos pages,  en effet ils auront la taille la plus petite utilisé dans un site et contiendra le plus de caractères.

Une taille trop petite fatiguera l’œil du visiteur, une taille trop grande le lassera de lire un paragraphe d’un demi-écran pour la lecture de 4 phrases.

Il y a enfin un secret: la taille standard pour les paragraphes est entre 10px et 13px.