Mis à jour 11 juillet 2026

Typographie web : polices, association et lisibilité

La typographie est la plus grande partie de la plupart des interfaces — presque tout ce qu’un produit dit, il le dit en caractères — et l’artisanat se divise en deux moitiés : bien choisir et combiner les polices, et les composer pour qu’elles se lisent sans effort. Les mathématiques du dimensionnement vivent dans notre guide de l’échelle typographique ; ce hub est l’autre moitié — l’artisanat. Le chemin le plus rapide, c’est de voir une association classique dans un vrai texte.

Choisir, c’est un casting

Le choix d’une police est une décision de casting : la police prononcera chaque ligne que le produit dira, dans un registre que les lecteurs perçoivent avant même de lire un mot. Les guides ici couvrent les choix — associer des polices qui contrastent sans jurer, la question du serif telle qu’elle se pose réellement sur les écrans modernes, des polices d’affichage qui ne sacrifient pas la lisibilité, et ce que les formes des lettres signalent d’une marque. La métaphore du casting fait un vrai travail : les lecteurs enregistrent le ton d’une police avant de lire un mot du contenu, comme une voix s’enregistre avant la phrase, et aucune réécriture ne défait cette première impression.

Lire est une mécanique

L’autre moitié est mécanique et mesurable : une longueur de ligne qui garde fiable le trajet de retour de l’œil, la différence entre la lisibilité de décodage — puis-je le déchiffrer ? — et la lisibilité de lecture — est-ce que ça coule ?, la typographie dans les formulaires, là où les erreurs coûtent le plus, et les petits ajustements optiques dont le texte a besoin aux petites tailles. Rien de tout cela n’est affaire de goût — l’essentiel a été étudié pendant un siècle, et les guides rapportent ce qui tient. Si les chiffres tiennent, c’est pour une raison physiologique plutôt qu’esthétique : la lecture se fait par sauts et par balayages de retour, et presque chaque mesure de ces guides existe pour que ces sauts atterrissent là où l’œil l’attend.

La couche pratique

Entre l’artisanat et la théorie se trouve la couche opérationnelle que chaque projet rencontre : quelles Google Fonts tiennent vraiment la route, quand une pile de polices système vaut mieux que de charger quoi que ce soit, comment les polices arrivent sur la page sans la bloquer, et ce que changent les polices variables. Concret, actuel, et couvert ici — et La checklist de la typographie web condense tout le hub en un seul passage avant la mise en production.

Où vit la moitié consacrée au dimensionnement

Ce hub s’arrête délibérément là où commence la mesure. Les mathématiques de la taille — ratios d’échelle, hiérarchies de titres, combien de tailles un système nécessite — appartiennent au guide de l’échelle typographique, et la façon dont ces tailles se comportent entre un téléphone et un ordinateur de bureau est traitée dans la typographie fluide. La distinction compte en pratique : une typographie qui se lit mal échoue généralement d’un seul côté, et savoir si vous déboguez un problème de casting ou un problème de dimensionnement épargne du travail à refaire. Scale Composer réunit les deux moitiés au même endroit — un ensemble organisé de familles pour les décisions d’artisanat, piloté par la même échelle qui dimensionne la typographie, l’espacement et la grille — de sorte qu’une association choisie ici arrive déjà dimensionnée par le système.

Guides de ce hub

Jugez les associations de vos propres yeux

Les conseils d’association ne deviennent une conviction que devant un vrai texte : échangez les polices du titre et du corps dans un spécimen interactif — le sélecteur de polices organisé de Scale Composer contient environ 50 familles qui survivent à un usage d’interface, et regarder une association fonctionner (ou jurer) dans un texte courant enseigne plus vite que n’importe quelle liste de règles.

Questions fréquentes

Comment associer des polices ?

Un principe fiable couvre la plupart des cas — du contraste dans la catégorie, de l'harmonie dans les proportions. Associez des polices de familles différentes (un titre serif avec un corps de texte sans serif) dont les hauteurs d'x et les chasses sont compatibles, et donnez à chacune un rôle distinct. Des polices semblables mais pas identiques, c'est l'erreur classique.

Combien de polices un site web devrait-il utiliser ?

Une ou deux familles. Les graisses, les tailles et l'interlettrage créent toute la variété dont la plupart des produits ont besoin — une troisième famille apporte rarement ce qu'une graisse plus marquée ne pourrait apporter, et elle coûte en temps de chargement et en cohérence.

Google Fonts est-il suffisant pour un travail professionnel ?

Oui — les meilleures familles du catalogue sont utilisées dans des produits sérieux partout. La compétence, c'est la curation : le catalogue est vaste et inégal, donc le travail consiste à savoir quelles familles tiennent aux tailles d'interface, offrent assez de graisses et couvrent vos langues.

Quelle longueur de ligne est la plus lisible ?

Environ 45 à 75 caractères par ligne pour le corps de texte, avec un optimum autour de 66. Plus court, cela hache les phrases en fragments ; plus long, cela rend le retour de l'œil à la ligne suivante sujet aux erreurs. La largeur de colonne, c'est ainsi que vous la contrôlez.

Serif ou sans serif pour le corps de texte à l'écran ?

Les écrans modernes rendent bien les deux, si bien que la vieille règle du « sans serif pour les écrans » a expiré. La réponse honnête, c'est que la taille, l'interligne et la longueur de ligne influencent la lecture bien plus que la question du serif — choisissez selon la voix et le contexte.

Qu'est-ce qu'une police dit d'une marque ?

Les formes des lettres portent un ton comme le fait une voix — une sans serif géométrique paraît moderne et neutre, une sans serif humaniste plus chaleureuse, les serifs plus établies ou éditoriales. Le signal est réel mais grossier ; il pose un registre plutôt qu'il n'envoie un message.