Choisir ses polices : la méthode des trois voix

Prenez n'importe quelle page de votre site et regardez-la honnêtement : à part quelques images, presque tout ce que vous voyez, ce sont des mots. La typographie n'est donc pas un détail de finition — c'est le matériau principal de votre design. Et pourtant, c'est souvent ce qui inquiète le plus mes clients : « Je ne sais jamais quelles polices vont bien ensemble. »

Je les comprends. Marier des polices donne l'impression qu'il faut un œil rare, un instinct de typographe, des années de pratique. C'est faux. Il existe une poignée de principes très simples qui vous éviteront neuf erreurs sur dix. Le premier, celui qui change tout, tient en une image : écoutez chaque police comme une voix.

Une police, ce n'est pas une décoration : c'est un ton, une manière de dire les choses. Certaines parlent fort, d'autres murmurent. Le travail d'association consiste à composer un petit dialogue — pas une cacophonie. Voici la méthode que j'applique, sur mes projets comme sur ceux que je conseille.

Trois voix, pas plus

Un site n'a besoin que de trois voix, et le plus souvent deux suffisent amplement. Nommons-les.

D'abord, la voix qui appelle : la police des titres. Son rôle est d'attirer l'œil, de donner du caractère, de planter le ton dès le premier regard. Elle peut se permettre d'être marquée, expressive, un peu forte — on ne la lit qu'en petites doses.

Ensuite, la voix qui raconte : la police du texte courant. C'est elle qu'on lit vraiment, paragraphe après paragraphe. Elle doit être d'une discrétion irréprochable, confortable sur de longues distances, jamais fatigante. Une police de texte réussie, on ne la remarque pas — et c'est exactement le but.

Enfin, une éventuelle voix d'accent : une italique élégante, un serif expressif, réservé aux citations, aux chapôs, à un mot qu'on veut faire chanter. Cette troisième voix est un luxe, pas une nécessité. Au-delà de trois, vous ne créez pas de la richesse : vous créez du désordre. Le lecteur perçoit confusément que « quelque chose ne va pas », sans savoir le nommer.

Chercher le contraste, pas le conflit

La question que tout le monde se pose : comment savoir si deux polices vont ensemble ? La réponse tient en un mot — le contraste. Deux polices se marient bien quand elles diffèrent nettement, tout en partageant une même sensibilité.

Le piège classique, c'est de choisir deux polices trop proches : deux sans-serif géométriques presque identiques, ou deux serifs classiques qu'un œil non averti confondrait. Le résultat n'est pas harmonieux, il est flou. On sent un léger décalage, comme une fausse note, sans comprendre d'où il vient. Le cerveau hésite : est-ce la même police ou pas ?

À l'inverse, une association franche — par exemple une sans-serif nette pour les titres et une serif chaleureuse pour le texte — crée un vrai dialogue. Chaque voix a son territoire, on les distingue immédiatement, et l'ensemble respire. Cherchez donc la différence assumée, jamais la ressemblance approximative. Le contraste rassure ; le presque-pareil dérange.

Trois mariages qui marchent à tous les coups

Assez de théorie. Voici trois associations que j'utilise et recommande, toutes composées de polices gratuites et disponibles sur Google Fonts. Vous pouvez les installer aujourd'hui, sans licence à acheter.

1. Fraunces (titres) + Inter (texte)

C'est mon association « chaleur et sérieux ». Fraunces est une serif au caractère marqué, un peu vintage, avec des détails vivants qui donnent immédiatement de la personnalité aux titres. Inter, en dessous, est une sans-serif extrêmement neutre et lisible, taillée pour l'écran. Le contraste est parfait : la voix qui appelle a du relief, la voix qui raconte s'efface. Idéal pour un site éditorial, un portfolio, une marque qui veut paraître soignée sans être froide.

2. Bricolage Grotesque (titres) + Newsreader (texte)

Ici, on inverse les rôles, et ça marche tout aussi bien. Bricolage Grotesque est une sans-serif contemporaine, un brin excentrique, qui claque en grand format. Newsreader est une serif pensée pour la lecture longue, douce et confortable au fil des paragraphes. Résultat : des titres modernes et affirmés, un corps de texte qui inspire la confiance d'un bon magazine. Un mariage sans-serif + serif, mais dans l'autre sens que le précédent — la preuve que la règle du contraste prime sur les habitudes.

3. Space Grotesk seule, en plusieurs graisses

Et si vous n'aviez qu'une seule police ? C'est parfaitement viable, et souvent la meilleure décision quand on débute. Space Grotesk possède un caractère assez affirmé pour porter des titres, et reste suffisamment lisible pour le texte. Le truc : jouez sur les graisses. Titres en gras (700), texte en régulier (400), quelques éléments en medium (500) pour les nuances. Le contraste ne vient plus de deux polices, mais de deux poids d'une même voix. Zéro risque de fausse note, une cohérence garantie de bout en bout.

Deux polices bien mariées valent mieux que dix mal choisies.

Régler avant d'ajouter

Voici la vérité que peu de gens disent : les réglages comptent plus que le choix des polices. Une police banale, bien réglée, sera toujours plus agréable qu'une police magnifique mal posée. Trois curseurs font l'essentiel du travail.

D'abord, l'interlignage — l'espace entre les lignes. Pour le corps de texte, visez entre 1,5 et 1,7. Trop serré, les lignes se collent et l'œil peine à revenir au début de la suivante ; trop lâche, le texte se disloque. Ensuite, la taille du corps : ne descendez jamais sous 16 pixels, et 18 est encore plus confortable. Le « petit texte élégant » est une fausse bonne idée qui punit la moitié de vos lecteurs. Enfin, la longueur de ligne : l'idéal se situe autour de 60 à 75 caractères par ligne. Au-delà, l'œil se perd en revenant à la ligne ; en deçà, la lecture se hache. Ces trois réglages transforment n'importe quelle police correcte en un texte qu'on lit avec plaisir. C'est d'ailleurs un des piliers de la première impression qu'on retient d'un site.

Pour aller plus loin sur le cas particulier des serifs à l'écran — longtemps déconseillées, aujourd'hui superbes —, j'y consacre un article entier.

La méthode, en quatre étapes

Si vous ne deviez retenir qu'un mode d'emploi, le voici. Suivez-le dans l'ordre, sans sauter d'étape.

1. Choisissez d'abord votre police de texte : lisible, neutre, confortable sur de longs paragraphes.
2. Ajoutez une police de titre qui contraste franchement avec elle — une sensibilité différente, pas une cousine.
3. Réglez la taille du corps (16 à 18 px), l'interlignage (1,5 à 1,7) et la longueur de ligne (60 à 75 caractères).
4. Testez le tout sur mobile, sur un vrai texte : c'est là que les mauvais réglages se voient le plus.

Vous verrez : une fois cette gymnastique intégrée, choisir des polices cesse d'être une source d'angoisse pour devenir un des moments les plus agréables d'un projet. Deux voix qui se répondent, quelques réglages justes, et votre texte — c'est-à-dire l'essentiel de votre site — se met enfin à respirer. Rien de spectaculaire, juste du soin. Et le soin, en typographie, se voit toujours.