Le grand retour des serifs sur le web

Si vous avez regardé le web de près ces derniers mois, vous l'avez peut-être senti sans savoir le nommer : les sites se remettent à afficher des lettres à empattements. Ces petites terminaisons en pied de lettre — les serifs — qu'on croyait réservées aux romans et aux journaux papier reviennent sur nos écrans, jusque dans les grands titres des marques les plus contemporaines.

Pendant près de quinze ans, pourtant, la règle était l'inverse. Tout le web s'était rangé derrière la sans-serif : des polices sans empattements, nettes, neutres, interchangeables. Helvetica, puis Arial, puis les grotesques géométriques des grandes plateformes. C'était propre, sûr, moderne — et, à force, un peu uniforme. On finissait par avoir l'impression que tous les sites parlaient de la même voix.

Ce retour des serifs n'est ni un caprice ni de la nostalgie. C'est le résultat de deux mouvements de fond : l'un technique, l'autre plus profond, presque émotionnel. Prenons-les l'un après l'autre.

Pourquoi les serifs reviennent

La première raison est très concrète : nos écrans ont enfin la finesse qu'il faut. À l'époque des écrans à faible densité, les empattements — ces détails fins au bout des lettres — devenaient flous, baveux, difficiles à rendre nets. Les designers évitaient donc les serifs pour le web, non par goût, mais par contrainte technique. La sans-serif, plus robuste à basse résolution, s'imposait par défaut.

Avec les écrans haute densité — les dalles Retina et leurs équivalents, désormais partout, du téléphone à l'ordinateur —, ces empattements s'affichent enfin avec la même netteté que sur du beau papier. La contrainte a disparu. Ce qui n'était plus possible hier redevient un choix libre aujourd'hui.

La seconde raison est plus humaine. Après une décennie de sans-serifs impeccables et interchangeables, une envie de chaleur, de caractère, de personnalité a repris le dessus. Face à l'uniformité ambiante — ces pages qui se ressemblent toutes —, une serif bien choisie devient un moyen simple de se distinguer, de dire « ce site a quelqu'un derrière lui ».

Ce qu'une serif apporte

Une serif n'est pas seulement « une police avec des petits pieds ». Elle porte tout un héritage — celui du livre, du journal, de l'imprimé de qualité — et elle le transmet, presque en silence, à ce qu'elle habille. Concrètement, sur un site, elle apporte quatre choses.

• Du caractère. Là où une sans-serif reste neutre, une serif a une allure, une humeur, un tempérament reconnaissable.
• Une autorité éditoriale. Elle évoque instinctivement le sérieux de la presse et de l'édition — utile pour un magazine, un cabinet, un contenu de fond.
• De la chaleur. Ses formes, souvent plus organiques, adoucissent l'écran et donnent au texte quelque chose de plus humain, moins clinique.
• Une distinction. Dans un océan de sans-serifs, elle vous démarque immédiatement, sans effort tapageur.

En un mot, une serif donne à votre site une voix. C'est exactement ce dont je parle dans ma méthode des trois voix : chaque police porte un ton, et la serif en a un particulièrement affirmé.

Les nouvelles serifs pensées pour l'écran

Bonne nouvelle : vous n'avez pas à ressortir les vieilles polices d'imprimerie. Toute une génération de serifs contemporaines, gratuites et dessinées spécifiquement pour l'écran, est disponible dès aujourd'hui. Leurs empattements sont calibrés pour rester nets à toutes les tailles, et beaucoup existent en version variable, qui s'adapte finement à chaque usage. Quelques valeurs sûres :

• Fraunces — une serif « display » pleine de caractère, variable, avec réglage de taille optique : elle s'affine automatiquement selon qu'on l'affiche en grand titre ou en petit texte. Idéale pour donner une signature forte.
• Newsreader — pensée pour la lecture longue à l'écran, chaleureuse et lisible : un excellent choix quand la serif doit aussi servir le corps de texte.
• Source Serif — sobre, robuste, très polyvalente ; une serif « couteau suisse » qui ne trahit jamais.
• Instrument Serif — élégante et un brin littéraire, superbe en grands titres, avec une italique pleine de charme.
• Lora — douce et équilibrée, taillée pour la lecture confortable ; une valeur sûre pour un blog ou un magazine.

Toutes sont librement accessibles et pensées pour le web moderne. Il n'y a donc plus aucune raison technique de s'en priver.

Une serif bien choisie, c'est une voix qui a quelque chose à dire.

Sans tomber dans le vieillot

Attention tout de même : « mettre une serif » et « bien mettre une serif » sont deux choses différentes. Le piège classique, c'est de laisser filer le Times New Roman par défaut — cette serif qu'on associe aux vieux documents Word et aux devoirs d'école. Rien de plus sûr pour donner un air daté à votre site.

Choisissez plutôt une serif contemporaine, dessinée pour l'écran, comme celles que je viens de citer. Et surtout, soignez deux réglages qui font toute la différence : l'interlignage — les serifs respirent, offrez-leur de l'espace entre les lignes — et le contraste, car une serif fine posée en gris pâle sur petit texte devient vite illisible. Ces deux points sont d'ailleurs au cœur de ce qui fait une bonne première impression sur un site.

Alors, on ose ?

Le retour des serifs, ce n'est pas la mode qui tourne pour tourner : c'est une liberté qui nous revient. Les écrans savent enfin les rendre justice, et l'envie de sites plus chaleureux, plus incarnés, leur donne toute leur place. Vous n'avez pas besoin de tout bouleverser — un titre en Fraunces, une italique en Instrument Serif, et déjà votre page respire autrement.

Mon conseil, pour finir, est simple : essayez. Prenez une serif contemporaine, posez-la sur vos titres, réglez l'interligne et le contraste avec soin. Reculez d'un pas. Vous verrez sans doute apparaître ce que quinze ans de neutralité nous avaient fait oublier — un site qui a, enfin, quelque chose à dire, et une voix pour le dire.