Un duo de polices peut fonctionner dans une courte maquette et devenir inconfortable dans un long article. Une bonne typographie résiste aux vrais titres, aux différentes langues et aux écrans étroits. Partez du contenu, puis construisez un système réutilisable.
1. Construire la hiérarchie de l’information
Déterminez ce que le lecteur doit remarquer d’abord, parcourir ensuite et lire attentivement. Sur une page de service, cela peut être le résultat, le périmètre et les conditions. Les tailles de titre doivent soutenir cet ordre.
Prévoyez peu de styles : titre de page, titre de section, texte, légende et bouton. Si chaque bloc exige une nouvelle taille, revoyez la structure. Le contenu fournit peut-être déjà assez de différences sans rôle typographique supplémentaire.
2. Trouver une longueur de ligne confortable
Pour un article, environ 60-70 caractères par ligne et un interlignage de 1,5 à 1,7 constituent un point de départ. Testez la police choisie plutôt que de traiter ces valeurs comme une règle universelle. Les caractères étroits et larges produisent des expériences différentes.
Ne réduisez pas le texte mobile pour conserver la composition du grand écran. Testez mots longs, liens, chiffres et listes. Un repère utile : le regard retrouve-t-il facilement le début de la ligne suivante ?
3. Tester les langues avant de choisir la police
Composez noms, monnaies, dates et titres longs dans toutes les langues prévues. Vérifiez caractères et graisses. Un bel échantillon latin ne garantit pas un cyrillique adapté ; une police de remplacement peut changer le rythme de la page.
Évitez les retours fixes conçus pour une seule phrase. Comparez un libellé anglais court avec une traduction longue. Laissez menus et cartes grandir naturellement plutôt que de couper le texte pour préserver la maquette.
4. Charger uniquement le nécessaire
Listez les graisses et styles réellement utilisés. Deux graisses ne justifient pas toujours le chargement d’une famille entière. Les polices variables proposent plusieurs paramètres dans un seul fichier, selon les axes disponibles. Mesurez le résultat : un fichier unique n’est pas systématiquement plus léger.
Choisissez une police de secours et examinez un chargement lent. Le texte doit rester accessible, sans que l’arrivée de la police finale casse la navigation. Vérifiez aussi la licence d’utilisation sur le web.
5. Vérifier en lisant
Lisez un long paragraphe, zoomez et naviguez au clavier. Vérifiez les contrastes du texte, des liens et des légendes. WCAG 2.2 apporte des exigences testables ; une lecture ordinaire sur plusieurs appareils complète ces contrôles.
Examinez les éléments discrets : légende, explication d’erreur, prix en petits caractères. Ils portent souvent une information essentielle. L’italique décoratif peut accentuer un mot, mais une longue explication doit avant tout rester confortable à lire.
La prochaine étape
Testez la typographie sur la page la plus longue et la traduction la plus exigeante. Un système qui les supporte sera plus facile à maintenir sur un premier écran court.