Pourquoi les diacritiques posent problème
C’est un problème qu’on sous-estime souvent. Les accents français — é, è, ê, à, ç, œ, æ — ne sont pas des luxes typographiques. Ils’re essentiels à la lisibilité et à la crédibilité de votre site.
Beaucoup de polices modernes — surtout les gratuites — ont des diacritiques mal conçus. L’accent peut sembler flottant, mal aligné, ou trop lourd. Sur un écran haute densité (ce qu’on trouve sur la plupart des téléphones belges maintenant), ces petits défauts deviennent flagrants.
Le vrai défi ? Trouver une police qui rend les diacritiques aussi bien que les lettres régulières. Pas juste acceptables. Parfaits.
Familles de polices recommandées
Vous n’avez pas besoin d’une longue liste. Voici les polices qui fonctionnent vraiment bien pour le français :
- Inter — Sans-serif géométrique avec des diacritiques impeccables. Gratuite, open-source, et supportée partout. Les accents sont parfaitement intégrés à la hauteur de x.
- Outfit — Design moderne et géométrique. Les diacritiques ne flotent pas — ils’re ancrés correctement au-dessus de chaque lettre.
- Crimson Text — Pour les textes éditoriaux plus longs. Serif classique avec diacritiques traditionnels et fiables.
- Lora — Serif avec personnalité. Excellente lisibilité sur écran et les accents sont généreux sans être excessifs.
À savoir
Cet article présente des recommandations éducatives basées sur des pratiques de design typographique établies. Les choix de polices dépendent de votre contexte spécifique, de votre audience et de vos objectifs de design. Testez toujours vos sélections typographiques sur les appareils réels que votre audience utilise.
Tester avant de déployer
La théorie c’est bien, mais la réalité écran c’est mieux. Avant de valider une police, affichage-la sur au moins trois appareils différents :
- Un téléphone Android standard (résolution 1080×1920)
- Un iPhone (retina display, haute densité)
- Un écran de bureau (27 pouces minimum)
Cherchez des défauts : diacritiques mal alignés, espacements bizarres entre les lettres accentuées, ou épaisseurs incohérentes. Si vous trouvez un problème sur un appareil, vous l’avez trouvé pour vos utilisateurs.
Hauteur de ligne et espacement
Les diacritiques occupent de l’espace vertical. Une hauteur de ligne trop serrée les écrase. Pour le corps de texte en français, nous recommandons 1.6 minimum — idéalement 1.8.
L’interlettrage compte aussi. Les accents sur les majuscules (É, È, Ê) demandent plus d’espace latéral que leurs versions minuscules. Si votre interlettrage est trop négatif, les accents vont se chevaucher avec les lettres adjacentes.
Un truc pratique : testez votre texte avec un paragraphe qui contient beaucoup d’accents. Les Français, les Belgiques, les Suisses romands — vous en avez beaucoup dans votre audience. Leurs yeux remarqueront immédiatement si quelque chose cloche.
Polices à éviter absolument
Certaines polices populaires ont des diacritiques franchement mauvais. Elles’re souvent gratuites, ce qui explique pourquoi elles sont partout.
Georgia — Les accents flottent et semblent désalignés. Vraiment pas recommandé pour le français.
Verdana — Conçue pour l’écran mais les diacritiques sont épais et mal proportionnés.
Fonts gratuites sans licence claire — Si une police ne documente pas ses glyphes diacritiques, évitez-la.
Paires de polices et harmonie
Pour un site éditorial belge, vous avez souvent besoin d’une sans-serif pour les titres et une serif pour le corps. La clé ? Qu’elles partagent les mêmes diacritiques — même style, même hauteur, même épaisseur.
Une excellente paire : Outfit (titres) + Lora (corps). Les deux sont conçues pour le web, supportent tous les caractères français, et créent une hiérarchie visuelle claire sans être discordantes.
L’autre option : rester monospace. Utiliser Inter partout — titres, corps, citations. C’est moderne, c’est cohérent, et ça marche sur tous les appareils. Les diacritiques sont parfaits parce qu’ils’re tous dessinés avec le même soin.
Résumé : ce qu’il faut retenir
Les diacritiques ne sont pas des détails — c’est la base du français correct. Vous devez :
- Choisir des polices avec diacritiques bien conçus (Inter, Outfit, Lora, Crimson Text)
- Augmenter la hauteur de ligne à 1.6 minimum pour donner de l’air
- Tester sur les appareils réels avant de déployer
- Éviter les polices avec diacritiques faibles ou mal alignés
- Créer une paire harmonieure (sans-serif + serif) ou rester monospace
Voilà. Pas compliqué, mais ça fait une énorme différence pour vos lecteurs belges.
