Serif ou sans serif pour le texte courant à l’écran

Sur les écrans modernes, serif contre sans serif n’est pas vraiment une décision de lisibilité — les études qui comparent les deux à la qualité de rendu actuelle ne trouvent aucun avantage constant dans un sens ou dans l’autre. C’est une décision de voix : les serifs paraissent éditoriaux et établis, les polices sans serif paraissent neutres et proches du produit. La taille, l’interligne, la longueur de ligne et le contraste influencent la lisibilité bien plus que la question des empattements.

La vieille règle — serif pour le papier, sans serif pour l’écran — mérite une retraite honnête plutôt qu’un départ discret, parce qu’elle a eu raison autrefois, et comprendre pourquoi elle a expiré est le moyen le plus rapide de savoir quoi faire à la place. Cet article fait partie de notre guide de typographie.

D’où vient la règle « utilisez du sans serif à l’écran » ?

Du matériel. Les premiers écrans affichaient le texte à environ 72–96 pixels grossiers par pouce, et à cette résolution les fines terminaisons — les empattements qui donnent son nom à la catégorie — se dissolvaient dans le bruit ou disparaissaient entièrement de la grille de pixels, tandis que les traits réguliers et peu contrastés d’une sans serif survivaient. Voilà toute l’histoire en deux phrases : la règle encodait une limite de rendu, et les écrans haute résolution ont supprimé cette limite. Le conseil a survécu à sa raison d’être — c’est souvent le cas des conseils.

Que montre vraiment la recherche sur la lisibilité des serifs ?

À la qualité de rendu moderne : aucun vainqueur constant. Certaines études trouvent un léger avantage pour les serifs, d’autres pour les sans serif, et beaucoup ne trouvent aucune différence significative — les effets qui apparaissent sont faibles et ne se reproduisent pas de façon fiable d’une étude à l’autre.

Le résultat constant de cette recherche est autre, et plus utile : les variables qu’on ignore comptent plus que celle sur laquelle on se dispute. La taille du texte, l’interligne, la longueur de ligne et le contraste font chacun bouger le confort de lecture par des ampleurs qui éclipsent tout effet des empattements — plus proche d’un ordre de grandeur que de l’égalité. Un serif de 16px sur une ligne de 24px avec une justification de 65 caractères se lira plus confortablement qu’une sans serif de 13px à l’interligne serré dans presque tous les contextes. Les équipes qui débattent serif contre sans serif tout en livrant du texte de 12px à un interligne de 1,2 optimisent la mauvaise variable.

Qu’est-ce qui diffère vraiment entre un texte courant serif et sans serif ?

Deux choses résistent à un examen honnête :

Le registre. Les serifs paraissent éditoriaux, établis, littéraires — l’association accumulée des journaux, des livres et des revues. Les polices sans serif paraissent neutres, contemporaines, proches du produit — l’association accumulée des interfaces. Aucun n’est meilleur ; ils répondent à des questions de marque différentes. C’est la même classe de décision que le ton de vos textes, et elle mérite la même délibération.

La robustesse aux petites tailles. Le vestige honnête de la vieille règle : aux très petites tailles sur des écrans basse résolution — en dessous d’environ 12px sur un moniteur non-retina — les empattements fins et les transitions de traits minces peuvent encore se désagréger. Si votre produit comporte du texte d’interface dense de 11–12px et que vos utilisateurs sont sur d’anciens écrans de bureau, une sans serif au bas de l’échelle reste le choix pragmatique. C’est une niche, pas une loi — mais c’est une vraie niche.

Qu’est-ce qui change quand vous composez le même paragraphe dans les deux ?

Prenez un paragraphe et composez-le deux fois avec des réglages identiques — 16px, une ligne de 24px, une justification d’environ 65 caractères — une fois dans un serif de la classe de Lora, une fois dans une sans serif de la classe d’Inter :

• Ce qui diffère : la texture du bloc — ce que les typographes appellent sa couleur. Le paragraphe serif paraît légèrement plus foncé et plus texturé ; la sans serif paraît plus uniforme. La taille apparente peut aussi différer : un serif avec une petite hauteur d’x paraît plus petit que ne le suggèrent les chiffres, ce qui plaide pour comparer les polices visuellement plutôt qu’au corps. Et le registre se déplace — la version serif ressemble à un article, la sans serif à une interface.
• Ce qui ne change pas : la lecture. Avec ces réglages, les deux versions sont simplement confortables, et la plupart des lecteurs, interrogés après coup, se souviendront de ce que disait le paragraphe plutôt que de quelle police le portait.

Composez le même paragraphe dans un serif et une sans serif sur une même échelle — les deux polices à taille identique et à l’interligne aligné sur la ligne de base, dans un texte spécimen éditable. Collez un paragraphe de votre propre écriture et lisez les deux versions jusqu’au bout avant de vous forger une opinion.

Comment décider pour votre produit ?

Un cadre court couvre la plupart des cas :

• UI produit — boutons, libellés, réglages, tableaux : sans serif, par convention et par robustesse aux petites tailles. Le texte d’interface passe une grande partie de sa vie au bas de l’échelle, là où l’avantage de la sans serif est la seule partie de la vieille règle encore debout. C’est un choix par défaut fondé sur de bonnes raisons, pas une loi.
• Lecture longue — articles, documentation, essais : l’un ou l’autre. À 16px et au-delà, bien composées, les deux catégories se lisent confortablement ; choisissez par la voix. Un registre établi et éditorial plaide pour un serif ; un registre neutre et produit plaide pour une sans serif.
• Le motif mixte — un corps d’article serif à l’intérieur d’un habillage produit sans serif — est la réponse éditoriale courante, et pour une bonne raison : les sites d’actualité et les applications de lecture composent couramment la navigation et les contrôles en sans serif tandis que l’histoire elle-même est en serif. La séparation des registres épouse la séparation des rôles.

Lisez un paragraphe entier avant de décider

Basculez l’emplacement du texte courant vers un serif et lisez — pas un coup d’œil : un paragraphe entier à 16px, avec la superposition de colonne activée pour juger de la longueur de ligne que vous livreriez réellement. La réponse pour votre produit tend à arriver dès le deuxième paragraphe — et ce sera une réponse de voix, pas de lisibilité.