Serif ou sans serif : quand utiliser l'une ou l'autre (et quand ça n'a aucune importance)

« Les serifs sont pour le print, les sans serifs sont pour les écrans. » Cette phrase se retrouve dans tous les articles de typographie pour débutants d'internet, et elle est fausse depuis au moins quinze ans. Les écrans modernes rendent très bien les empattements fins. Le texte courant de Medium, The Atlantic, The New York Times et Stripe Press est composé en serif et se lit à merveille sur un téléphone. Le mythe survit parce qu'il est facile à enseigner, pas parce qu'il est vrai.

La version honnête est plus nuancée. Le serif et le sans serif font un travail différent, et la différence se voit dans le ton, la marque et le contexte, pas dans la lisibilité brute sur un écran de 2026. Cet article démêle les cas où le choix change vraiment le design et ceux où les designers se disputent sur un pile ou face.

Ce qui sépare vraiment les deux

Un serif est le petit trait de finition au bout des traits principaux d'une lettre. Un sans serif n'en a pas. C'est toute la différence structurelle. Tout le reste, la chaleur, l'autorité, la modernité, c'est du bagage culturel empilé sur ces minuscules pieds pendant quatre cents ans.

Les familles serif se divisent en sous-groupes utiles. Les caractères old-style comme Garamond et Sabon ont des traits doux et calligraphiques hérités de la plume. Les caractères de transition comme Baskerville et Georgia se situent entre calligraphie et géométrie. Les caractères modernes ou Didone comme Bodoni et Playfair misent sur un fort contraste et des déliés ultrafins. Les slab serifs comme Rockwell et Roboto Slab utilisent des empattements lourds et massifs, dont le ton se rapproche d'un sans serif.

Les familles sans serif se divisent de la même façon. Les sans géométriques (Futura, Avenir, Circular) sont construites sur des cercles et des angles nets. Les sans humanistes (Gill Sans, Source Sans, Inter) empruntent leurs proportions aux inscriptions romaines et paraissent plus chaleureux. Les grotesques et néo-grotesques (Helvetica, Söhne, encore Inter, IBM Plex Sans) occupent le milieu, ce qui explique leur domination dans le travail d'UI.

Pour l'anatomie de base et la façon dont ces petits traits interagissent avec la hiérarchie, l'analyse sur la conception d'un système typographique l'explique clairement.

Le mythe de la lisibilité, en un paragraphe

Aucune recherche sérieuse ne prouve que le serif est plus lisible que le sans serif en taille de texte courant. L'argument d'origine, « les serifs guident l'œil », vient d'études de l'ère du print, dont la plupart comparaient un seul serif à un seul sans, sur papier, dans un seul jeu de conditions. Les études contrôlées modernes, dont les revues du Nielsen Norman Group, arrivent presque toujours à la même conclusion. À des tailles de texte raisonnables sur des écrans modernes, les serifs bien dessinés et les sans serifs bien dessinés se lisent à peu près à la même vitesse, avec la même compréhension. Les différences au sein de chaque catégorie, la qualité du caractère lui-même, l'espacement, la longueur de ligne, écrasent les différences entre les deux catégories.

En clair : choisissez le caractère qui correspond à la marque et au contexte. Arrêtez de débattre de quel groupe est « plus lisible ». C'est égalité en taille de texte, et en grande taille, le ton compte bien plus que la vitesse mesurable.

Quand le choix compte vraiment

Le choix compte quand il change la façon dont le public perçoit la marque ou le contenu. Cela arrive dans cinq situations précises.

La marque a besoin d'héritage ou d'autorité. Cabinets d'avocats, banques privées, universités, éditeurs littéraires, maisons de mode de luxe. Ces catégories ont cent ans de conventions visuelles, et les serifs font partie du contrat. Composer Sotheby's en Inter paraîtrait faux avant même que quiconque puisse expliquer pourquoi. Le serif ne « semble pas plus lisible », il porte un poids hérité.

La marque a besoin de modernité ou d'ingénierie. SaaS, fintech, outils de dev, infrastructure d'IA. Stripe, Linear, Vercel, OpenAI et Anthropic ont tous une identité en sans serif, et ce n'est pas un hasard. Les sans serifs évoquent le rationnel, l'actuel, le conçu pour les systèmes. Habiller un outil de dev de 2026 en Garamond projetterait des archives, pas une plateforme.

Le produit est une UI dense. Tableaux de bord, tableaux de données, panneaux de configuration, éditeurs de code. Les sans serifs gagnent presque toujours ici, non pas pour une prétendue « lisibilité à l'écran » mais parce que leur épaisseur de trait régulière tient à 12 ou 14 pixels dans des grilles serrées. Les serifs en petite taille d'UI ont tendance à vibrer contre la grille de pixels et à paraître bruités.

Le produit repose sur la lecture longue. Sites éditoriaux, plateformes de livres, journalisme de long format. Les serifs et les caractères à tendance serif (Source Serif, Newsreader, Lora, Tiempos Text, IBM Plex Serif) gagnent souvent, non parce que l'utilisateur lit plus vite, mais parce que la texture paraît moins industrielle sur une longue session. Substack, Medium et la plupart des grands journaux ont choisi un corps de texte serif pour une raison.

Le titre a besoin d'une personnalité que le texte ne peut pas porter. Un texte courant en sans serif neutre associé à un serif d'affichage très contrasté (Migra, Fraunces, Tobias) donne une voix à la marque dans le titre sans sacrifier la propreté de l'UI dans le corps. L'un des schémas les plus courants du design éditorial moderne, et il mérite d'être copié.

Quand le choix n'a presque aucune importance

Le reste du temps, le débat serif contre sans serif relève surtout de l'art performance. Si le caractère est bien dessiné, l'espacement juste et la hiérarchie claire, les deux catégories fonctionneront. Voici quelques cas où les designers gaspillent leur énergie sur le mauvais axe.

Les landing pages SaaS génériques. Inter, Söhne, Geist et Aeonik font tous le travail. Un Source Serif bien composé aussi. C'est le ton de la marque qui tranche, pas la catégorie.

Le texte marketing d'une page d'accueil. Un texte de 18 à 22 pixels se lit proprement dans les deux catégories. Choisissez selon le ton et arrêtez les benchmarks.

Les logos et wordmarks. Un wordmark vit ou meurt par la forme des lettres, le crénage et les proportions, pas par la présence ou non d'empattements. Beaucoup d'identités iconiques fonctionnent en serif (Vogue, Tiffany, The New York Times) et beaucoup en sans (Google, Spotify, Airbnb). La catégorie découle de la marque. L'article sur les guidelines d'identité de marque détaille comment cette décision se prend vraiment.

Vraies associations, vraies catégories

Des exemples concrets valent mieux que des impressions. Voici des choix typographiques qui tournent en production aujourd'hui, et ce qu'ils signalent.

Le schéma est clair. Le serif apparaît quand l'héritage, l'éditorial ou la lecture prolongée sont le sujet. Le sans apparaît quand les systèmes, la densité ou l'ingénierie sont le sujet. La décision suit la marque et le contexte, pas le support.

Un cadre pour choisir en cinq minutes

Tout le débat tient dans une vérification en cinq questions. Passez un caractère candidat à travers, et la réponse émerge.

1. Que doit projeter la marque ? Héritage, autorité, éditorial ou mode penchent vers le serif. Modernité, systèmes, ingénierie ou grand public penchent vers le sans.
2. Où vit le texte la plupart du temps ? La lecture longue favorise le serif ou ses variantes. L'UI dense favorise le sans.
3. À quoi le public est-il déjà habitué dans cette catégorie ? Banques, droit, édition et luxe ont des conventions serif. SaaS, fintech et outils de dev ont des conventions sans. Ne brisez la convention que pour une raison.
4. Que fait le caractère en petite taille sur l'appareil réel ? Testez à 14 pixels sur un vrai téléphone, pas dans un specimen Figma. Certains serifs tiennent, d'autres bavent.
5. S'associe-t-il à un partenaire qui gère l'autre rôle ? Un titre serif appelle presque toujours un texte sans, et l'inverse est courant aussi. La logique complète se trouve dans le guide d'association de polices.

Si les réponses se regroupent d'un côté, le choix est évident. Si elles se partagent, le brief de marque tranche. Le brief de marque tranche toujours.

Ce qu'il faut ignorer en 2026

Quelques habitudes à retirer cette année. La règle « serif pour le print, sans pour l'écran » est morte. Tous les écrans modernes rendent proprement les deux catégories en taille de texte.

L'idée que le sans serif est « plus moderne » est elle aussi datée. Les renaissances du serif comme Migra, Fraunces et Tobias, ainsi que les marques éditoriales modernes qui utilisent un texte serif (Stripe Press, Substack), rendent l'argument de la modernité bien mince. L'idée qu'une catégorie est automatiquement plus « lisible » est le même mythe sous un autre costume. La qualité du caractère compte bien plus que la catégorie à laquelle il appartient.

L'instinct de choisir le caractère avant le brief de marque est à l'envers. Le brief choisit la catégorie, la catégorie réduit les candidats, et les candidats se mesurent sur le savoir-faire, la licence et la performance.

Questions fréquentes

Les serifs sont-ils vraiment plus difficiles à lire sur écran ?

Pas aux tailles de texte modernes sur des écrans modernes. Les serifs à empattements fins en très petite taille d'UI peuvent vibrer contre la grille de pixels, mais les serifs de texte bien dessinés (Source Serif, Newsreader, Lora, IBM Plex Serif) se lisent proprement de 16 à 22 pixels sur téléphones et ordinateurs portables. L'idée que « les serifs sont pour le print » est un artefact de l'ère du print, pas une mesure de 2026.

Quand utiliser une police serif pour un site web ?

Utilisez un serif quand la marque a besoin d'héritage, de poids éditorial ou d'une expérience de lecture prolongée. Journalisme de long format, plateformes de livres, marques littéraires, mode de luxe, droit ou finance justifient souvent un texte serif. Associez le serif de texte à un sans épuré pour les éléments d'UI comme les boutons, les labels et les formulaires, afin que le système tienne sur les landing pages comme sur les écrans produit.

Les titres et le texte doivent-ils utiliser la même catégorie ?

Pas forcément. Un schéma courant et durable associe un titre serif très contrasté à un texte sans humaniste, ce qui donne de la personnalité de marque en haut de page et un rendu propre dans le reste de la mise en page. L'inverse, un titre sans affirmé avec un texte serif discret, est superbe dans les contextes éditoriaux. Les catégories sont des outils, pas des équipes.

Choisissez le caractère, puis oubliez le débat

Serif contre sans serif n'est pas la décision typographique la plus importante qu'un designer prenne. C'est la plus débattue, ce qui est différent. Les vraies décisions qui font bouger les choses sont le brief de marque, le système typographique, la hiérarchie, l'espacement et l'association. La question serif ou sans découle de tout cela.

Appliquez le cadre en cinq questions. Choisissez le camp qui correspond à la marque et au contexte. Puis consacrez le reste du budget design aux éléments qui changent vraiment la sensation du travail : l'échelle, le rythme, le contraste, et la façon dont la typographie s'insère dans le reste du système. L'analyse sur les principes du web design explique comment la typographie s'inscrit dans le tableau d'ensemble.

Si vous voulez une équipe qui choisit le caractère, construit le système et livre ensemble la marque et l'UI produit, engagez Brainy. Nous traitons serif contre sans serif comme une décision de cinq minutes, puis nous consacrons le reste du projet au travail qui se voit vraiment dans le produit.