Choisir deux polices qui tiennent dans le temps.

Pourquoi deux suffisent

Une famille pour les titres, une pour le texte : cette répartition couvre l’essentiel des besoins. Ajouter une troisième famille complique la hiérarchie sans rien clarifier, alourdit le site et multiplie les occasions d’incohérence entre les supports.

La variété ne vient pas du nombre de polices, mais de leurs graisses et de leurs tailles. Une seule famille déclinée en trois graisses produit déjà une hiérarchie complète.

Chercher le contraste

Deux polices trop proches donnent l’impression d’une erreur : le lecteur sent une différence sans la comprendre. Le contraste doit être évident — une grotesque et une linéale géométrique se ressemblent trop, une serif éditoriale et une sans-serif neutre se répondent bien.

• Un contraste de style : serif pour les titres, sans-serif pour le texte, ou l’inverse.
• Un contraste de proportions : une police étroite et expressive face à une police large et calme.
• Une hauteur d’x comparable, pour que les deux paraissent cohérentes à taille égale.
• Un même niveau de soin : une police gratuite mal dessinée à côté d’une police de labeur se voit immédiatement.

La lisibilité passe avant le caractère

Une police de titre peut être affirmée, étrange, chargée de personnalité : elle s’affiche en grand, quelques mots à la fois. La police de texte, elle, sera lue pendant des minutes, sur des écrans médiocres et parfois en plein soleil. Elle doit être ennuyeuse au bon sens du terme.

Trois réglages comptent autant que le choix lui-même : une taille suffisante — seize pixels au minimum pour du texte courant —, une hauteur de ligne généreuse, et une longueur de ligne comprise entre soixante et quatre-vingts caractères.

Le poids des fichiers

• Chaque graisse et chaque style italique est un fichier supplémentaire à charger.
• Trois à quatre fichiers suffisent en général : régulier, gras, italique, et une graisse d’affichage.
• Le format WOFF2 est le plus léger et compris par tous les navigateurs actuels.
• Héberger les polices sur son propre domaine évite une dépendance à un service tiers et un dépôt de données inutile.

Tester avec vos vrais textes

Une police se juge sur votre contenu, pas sur la planche de présentation de la fonderie. Composez vos propres titres, votre paragraphe le plus long, vos prix, une adresse et un nom propre difficile : c’est là que les faiblesses apparaissent.

Regardez-la ensuite dans les conditions réelles : sur un téléphone, sur un écran de bureau mal calibré, en plein jour. Une typographie séduisante en grand sur un écran de designer peut devenir fatigante en petit corps sur un ordinateur d’entreprise.

Combien de graisses vraiment utiles

Une famille bien dessinée propose souvent huit à dix graisses. Cela ne signifie pas qu’il faut les charger : chaque fichier supplémentaire pèse, et la plupart des sites n’utilisent réellement que trois niveaux.

Le test est simple : listez toutes les graisses employées dans vos maquettes. Si deux d’entre elles se distinguent à peine à l’écran, supprimez-en une — personne ne verra la différence, et la page se chargera plus vite.

L’italique et les petites capitales

• Un vrai italique est dessiné, pas incliné mécaniquement par le navigateur : la différence se voit.
• Les petites capitales authentiques sont plus lisibles que des majuscules réduites.
• Les chiffres elzéviriens s’intègrent mieux dans un texte courant, les chiffres tabulaires dans un tableau.
• Ces raffinements ne s’imposent pas partout : ils comptent surtout pour un site éditorial.

Où chercher

• Les bibliothèques gratuites, à condition de vérifier la licence et la qualité des caractères accentués.
• Les fonderies indépendantes, dont les licences web se paient une fois et se révèlent souvent abordables.
• Les polices système, gratuites, instantanées et sans requête réseau : un choix défendable pour le texte courant.
• Les polices variables, qui regroupent toutes les graisses dans un seul fichier léger.

Attention aux licences : une police achetée pour un logo n’autorise pas forcément son usage sur un site, et une police gratuite pour un usage personnel ne l’est pas toujours pour une entreprise. Ces vérifications prennent dix minutes et évitent une facture désagréable.

Une hiérarchie qui tient

Une fois les deux familles retenues, le travail commence vraiment : définir une échelle de tailles cohérente. Quatre ou cinq niveaux suffisent — titre principal, sous-titre, intertitre, texte courant, mention — chacun nettement distinct du précédent.

1. 01Partir du texte courantFixez d’abord sa taille et son interlignage : c’est lui qui sera le plus lu.
2. 02Construire vers le hautChaque niveau supérieur doit se distinguer sans hésitation possible.
3. 03Limiter les graissesTrois suffisent : régulier, gras, et une graisse d’affichage pour les grands titres.
4. 04Fixer les extrêmesUne taille minimale sous laquelle on ne descend jamais, une maximale pour les titres.

Ce qui se règle après le choix

• L’interlignage : environ 1,5 fois la taille pour le texte courant, plus serré pour les grands titres.
• L’interlettrage : légèrement resserré sur les très grandes tailles, jamais élargi sur le texte courant.
• La longueur de ligne : entre soixante et quatre-vingts caractères, sinon l’œil se perd au retour à la ligne.
• La césure et l’alignement : le fer à gauche reste le plus confortable en français sur écran.

Le chargement des polices

Une police web se charge après la page : pendant ce délai, le texte s’affiche avec une police de secours, puis bascule. Ce basculement provoque un saut visible si les deux polices n’ont pas des proportions comparables.

Deux réglages atténuent l’effet : afficher immédiatement le texte avec une police de substitution proche, et précharger les fichiers essentiels. Le pire choix reste de masquer le texte jusqu’au chargement complet — le visiteur regarde alors une page vide.

Tenir dans le temps

Les typographies suivent les modes comme le reste. Les familles très marquées par une époque vieillissent avec elle ; les familles neutres mais bien dessinées traversent les années. Un bon arbitrage consiste à placer le caractère dans le titre, qui se change facilement, et la neutralité dans le texte, qui coûte cher à remplacer.

On ne remarque pas une bonne typographie de texte : on lit sans effort, et c’est tout.

Écrire les règles

Une fois les deux familles retenues, documentez leur usage : quelle police pour quel niveau de titre, quelles graisses autorisées, quelle taille minimale, quels usages interdits. Sans ces règles, chaque nouvelle page réinvente sa propre hiérarchie, et la cohérence disparaît en quelques mois.