Comment choisir les polices de son site internet sans tâtonner

La plupart des guides sur le choix des polices de site internet vous présentent une galerie de beaux caractères et vous souhaitent bonne chance. C'est le mauvais point de départ. Une police n'est pas une décoration. C'est ce que votre client lit avant de décider de vous appeler, de vous réserver, ou de fermer l'onglet. Mal choisie, une bonne entreprise paraît amateur. Bien choisie, un petit atelier local ressemble à une société avec un service design derrière elle.

Ce guide s'adresse à l'artisan ou au chef d'entreprise qui n'est pas designer et ne veut pas le devenir. Vous apprendrez à choisir des polices lisibles, rapides à charger, adaptées à votre activité et résistantes sur un écran de téléphone. Ce qui suit fonctionne quel que soit l'outil avec lequel vous construisez votre site.

Commencez par la mission, pas par l'apparence

Avant de parcourir un seul répertoire de polices, clarifiez ce que la police doit accomplir. Un caractère charmant sur une affiche peut être pénible à lire dans un long paragraphe. Divisez votre réflexion en deux missions.

• La mission titre. Le grand texte en haut d'une page : votre nom d'entreprise, votre promesse principale, vos titres de section. Ce texte peut avoir de la personnalité car on le lit en courtes rafales.
• La mission corps. Les paragraphes, les descriptions de services, les mentions légales. Ce texte a une seule obligation par-dessus tout : être facile à lire pour quelqu'un qui défile sur son téléphone pendant sa pause déjeuner.

Presque chaque bon site internet résout ces deux missions avec deux polices maximum. Une pour les titres, une pour le corps. Parfois, une seule famille bien construite fait les deux. Dès que vous cherchez une troisième ou quatrième police, la page commence à ressembler à un texte de note anonyme et votre crédibilité chute.

Les cinq critères qui comptent vraiment

Le "beau" est subjectif. Ces cinq qualités ne le sont pas. Évaluez chaque police à leur aune.

1. Lisibilité en petite taille

Lisez un paragraphe entier de texte réel à la taille où le corps de texte apparaît vraiment, soit environ 16 à 18 pixels. Ne jugez pas une police par son nom affiché en grand. Repérez les lettres qui se fondent les unes dans les autres, une bas de casse qui semble à l'étroit, ou des chiffres que vous devez plisser les yeux pour lire. Une police avec une hauteur de bas de casse généreuse tend à rester lisible quand elle rétrécit.

2. Une distinction claire entre les lettres similaires

Certaines polices dessinent un "I" majuscule, un "l" minuscule et le chiffre "1" presque à l'identique. Sur une page pleine de numéros de téléphone, de prix et d'adresses, c'est un vrai problème. Tapez la chaîne "Il1" et "O0" et vérifiez que vous pouvez les distinguer instantanément. Un site pour artisans repose sur la lecture correcte d'un numéro de téléphone.

3. Suffisamment de graisses pour construire une hiérarchie

Une graisse est l'épaisseur des traits. Vous voulez au minimum une normale et une grasse, et idéalement une semi-grasse entre les deux. Les graisses permettent de donner du poids à un titre et de rendre une légende discrète sans changer de police. Une police livrée avec une seule graisse vous enfermera rapidement.

4. De vraies italiques, pas un simple penchage

Les bonnes polices incluent une italique dessinée pour l'emphase. Les polices moins soignées la simulent en inclinant les lettres droites, ce qui produit un résultat légèrement bizarre même si le lecteur ne peut pas dire pourquoi. Si vous prévoyez d'accentuer des mots, confirmez qu'une vraie italique existe.

5. Elle tient sur téléphone

Plus de la moitié du trafic local se fait sur un téléphone tenu à bout de bras dans une mauvaise lumière. Quoi que vous mettiez sur votre liste, regardez-le sur un vrai téléphone avant de vous engager, pas seulement sur votre ordinateur. Une police élégante sur grand écran peut devenir fine et pâle sur un petit.

Serif ou sans-serif : comment choisir simplement

Vous n'avez pas besoin de l'histoire complète de la typographie. Il vous faut une lecture honnête de l'impression que vous voulez donner.

• Les polices sérif ont de petits empattements aux extrémités des traits. Elles donnent une impression d'établi, de sérieux et de tradition. Elles conviennent à un cabinet comptable ou à une entreprise de rénovation qui veut signaler des décennies d'expérience.
• Les polices sans-sérif n'ont pas d'empattements. Nettes et directes. Elles donnent une impression de modernité, de franchise et d'accessibilité. Elles conviennent à la plupart des artisans, aux studios de bien-être et à tout ce qui veut paraître actuel.
• Les polices scriptes et décoratives imitent l'écriture manuscrite ou appuient fortement sur une atmosphère. Utilisez-les uniquement pour un logo ou un titre occasionnel, jamais pour des paragraphes. Ce sont des assaisonnements, pas le plat principal.

Un modèle fiable pour une entreprise locale : du sans-sérif pour tout, en deux ou trois graisses. C'est difficile de le faire paraître mauvais. Si vous voulez plus de caractère, associez un sérif pour les titres et un sans-sérif pour le corps, ou l'inverse. Ce contraste semble intentionnel.

Comment associer deux polices sans diplôme de design

L'association de polices semble un art obscur. Ce sont surtout deux règles.

• Associez par contraste. Combinez deux polices clairement différentes, comme un titre sans-sérif gras sur un corps sérif. La différence doit être évidente. Deux polices seulement légèrement différentes ressemblent à une erreur plutôt qu'à un choix.
• Associez par famille. De nombreuses polices modernes sont livrées en famille avec un sérif et un sans-sérif correspondants conçus pour être ensemble. Utiliser deux membres d'une même famille est l'association la plus sûre du monde, car quelqu'un a déjà fait le travail difficile.

Dans le doute, n'associez pas du tout. Une police forte en plusieurs graisses bat une mauvaise association à chaque fois.

Un test rapide : cachez les polices et demandez à un ami de décrire l'entreprise en trois mots basés uniquement sur les formes. Si les mots correspondent à l'image que vous voulez projeter, vous avez bien choisi.

Ce que personne ne dit aux artisans et chefs d'entreprise

Voici où la plupart des conseils sur les polices s'arrêtent et où les sites s'effondrent silencieusement. Ces points apparaissent rarement dans les guides populaires, et ils comptent autant que l'apparence.

La vitesse de chargement fait partie du choix

Chaque police personnalisée est un fichier que le téléphone de votre visiteur doit télécharger avant que le texte n'apparaisse. Charger quatre polices, ou une police en huit graisses, ajoute un vrai délai. Un texte lent vous coûte des visiteurs qui partent avant que la page ne se stabilise, et ça fait baisser votre classement dans les moteurs de recherche. Deux règles vous protègent : pas plus de deux familles de polices, et ne chargez que les graisses que vous utilisez réellement.

Définissez une police de secours pour que le texte n'disparaisse jamais

Pendant qu'une police personnalisée se charge, le navigateur a besoin de quelque chose à afficher. Si vous ne lui dites rien, les visiteurs peuvent fixer un espace vide pendant un instant. La solution est de nommer une police de sauvegarde courante du même style, afin que les polices système ordinaires prennent le relais pendant la fraction de seconde avant l'arrivée de la vôtre.

Le contraste et l'accessibilité ne sont pas optionnels

Une police peut être parfaite et rester illisible si elle est gris pâle sur blanc, trop petite ou trop serrée. Visez un fort contraste entre le texte et l'arrière-plan, gardez le texte courant à une taille confortable et donnez aux paragraphes de l'espace avec un interlignage généreux. Ce n'est pas seulement une question de considération pour les clients plus âgés ou malvoyants. C'est aussi la façon d'éviter de perdre quelqu'un qui ne voulait simplement pas faire d'efforts. Un texte clair, c'est à la fois de la politesse et un bon sens commercial.

Vérifiez la licence avant de vous en enticher

Si vous téléchargez une police depuis un site quelconque, vous n'avez peut-être pas le droit de l'utiliser sur un site commercial. Tenez-vous en aux bibliothèques gratuites pour usage commercial, comme Google Fonts, ou aux polices que vous avez correctement licenciées.

Testez avec vos propres mots

Les exemples de texte sont un piège. Une police peut paraître magnifique en épelant l'alphabet et puis trébucher sur votre vrai nom d'entreprise, votre ville ou votre service le plus long. Collez vos vrais titres, votre vrai numéro de téléphone, votre paragraphe le plus long et le nom de rue compliqué de votre adresse. Jugez la police sur les mots que vos clients liront vraiment.

Comment choisir les polices de son site internet en sept étapes

Si vous voulez un plan plutôt qu'un exposé, faites ceci dans l'ordre.

• Décidez de l'impression en un mot : établi, moderne, chaleureux ou premium.
• Choisissez un sans-sérif lisible en petite taille avec au moins trois graisses.
• Décidez si vous avez même besoin d'une deuxième police. Souvent non.
• Si oui, ajoutez une police de titre contrastante, ou utilisez un membre de la même famille.
• Ne chargez que les graisses que vous utilisez, et nommez une police système de secours.
• Collez votre vrai contenu et lisez-le sur un téléphone.
• Vérifiez le contraste et la taille pour quelqu'un qui ne regarde pas attentivement.

Suivez ces sept étapes et vous aurez une longueur d'avance sur la plupart de vos concurrents locaux, qui ont tendance à accepter la police par défaut de leur outil de construction de site.

Quand vous préférez ne pas vous en occuper du tout

Beaucoup d'artisans lisent tout ceci et pensent : je suis sur mes chantiers, je n'ai pas envie d'auditionner des caractères typographiques. C'est légitime. C'est là qu'une approche clés en main vaut son prix. Saynovo construit un site internet pour votre entreprise et choisit un système de polices adapté dans le cadre de cette construction, de sorte que le choix titre-corps, les graisses et les polices de secours sont gérés plutôt que laissés comme devoir à faire. Si vous décidez ensuite que les titres semblent trop formels ou trop forts, vous le dites en mots simples et les polices changent, sans menus à parcourir.

En résumé

Savoir comment choisir les polices de son site internet se résume à quelques vérifications honnêtes plutôt qu'à une question de goût. Résolvez la mission titre et la mission corps avec deux polices maximum. Testez la lisibilité à des tailles réelles, sur un vrai téléphone, avec vos vrais mots. Ne chargez que ce que vous utilisez et définissez une police de secours pour que rien ne disparaisse. Gardez le contraste fort pour que tout le monde puisse le lire, et confirmez que vous avez le droit d'utiliser la police. Faites cela et vos caractères feront discrètement leur travail : s'effacer et laisser un client décider de vous embaucher.

Sources pour aller plus loin :

• Choisir des polices web, un guide pour débutants par Google Design
• Comment choisir les polices de site web par Squarespace
• Comment choisir la bonne police pour votre site web par CareerFoundry
• Comment choisir les meilleures polices pour votre site web par Wix