Polices de caractères : la lisibilité avant tout

On ne remarque une police que quand elle gêne. Le but n’est pas d’impressionner, mais que vos visiteurs lisent sans effort, jusqu’au bout, y compris sur un petit téléphone ou avec des lunettes de lecture.

Une police pour les titres (qui peut avoir du caractère), une pour le texte (très lisible). Ou une seule pour tout, en jouant sur les graisses. Au-delà, le site paraît désordonné, et chaque police supplémentaire ralentit le chargement.

Pour le texte courant, 17 à 19 pixels sur ordinateur, et pas moins de 16 sur téléphone. Les petits textes gris à 13 pixels sont élégants sur une maquette, mais pénibles à lire en vrai, surtout pour une clientèle plus âgée.

Un interligne d’environ 1,5 fois la taille du texte aère la lecture. Et des lignes de 60 à 80 caractères maximum : les lignes très longues, d’un bord à l’autre d’un grand écran, font perdre le fil.

Texte foncé sur fond clair, de préférence. Le gris très clair est à éviter pour le texte courant. C’est aussi une question d’accessibilité (les bases ici).

Les polices chargées depuis des services externes peuvent ralentir l’affichage et poser des questions de vie privée. Héberger la police sur votre propre site est plus rapide et plus discret. C’est ce que nous faisons.

Un site de cabinet médical utilisait une police fine, gris clair, en 14 pixels : élégante sur un grand écran, mais pénible pour les patients âgés. Passer à une police plus robuste, en 18 pixels, gris foncé, avec un interligne aéré a suffi à rendre le site lisible pour tous, sans changer son style.

« Puis-je utiliser la police de mon logo ? » Pour les titres, souvent oui. Pour le texte courant, mieux vaut une police conçue pour la lecture à l’écran.

« Les polices Google sont-elles un problème ? » Chargées depuis les serveurs de Google, elles peuvent poser des questions de vie privée et ralentir un peu. Hébergées sur votre site, non.

• Une ou deux polices.
• 17 à 19 pixels pour le texte courant.
• Un interligne aéré, des lignes courtes.
• Un bon contraste.
• Des polices hébergées sur le site.

Nos sites utilisent une ou deux polices hébergées sur le site, réglables dans l’éditeur (Style du site), avec des tailles confortables pensées d’abord pour le téléphone.