La typographie est l'élément de votre identité que vos clients verront le plus - bien plus souvent que votre logo. Et contrairement à une idée répandue, les meilleures familles libres n'ont plus rien à envier aux licences commerciales. Voici huit valeurs sûres et la méthode pour les associer.
Ce qui fait une bonne police de marque
Avant la liste, les critères. Une police de marque n'est pas choisie pour sa beauté sur une affiche, mais pour sa robustesse à l'usage quotidien.
- Une famille complète : au minimum régulier, italique, semi-gras et gras. Sans cela, vous serez bloqué dès la première mise en page un peu dense.
- Un jeu de caractères étendu : accents français, cédilles, guillemets typographiques. Une police sans « ç » ni « œ » est inutilisable en français.
- Des chiffres bien dessinés, idéalement à chasse fixe pour les tableaux et les prix.
- Une lisibilité en petit corps, testée sur écran et à l'impression.
- Une licence claire autorisant l'usage commercial et l'intégration web.
Quatre sans-serif polyvalentes
Inter
Dessinée spécifiquement pour les écrans, avec une hauteur d'x généreuse qui la rend très lisible en petit corps. Famille extrêmement complète, nombreuses fonctions avancées. C'est le choix par défaut le plus sûr pour une interface ou un site.
Work Sans
Un peu plus de personnalité qu'Inter, avec des formes légèrement atypiques dans les graisses fortes. Excellente en titrage, correcte en texte courant. Idéale quand vous voulez éviter l'aspect trop neutre.
Manrope
Géométrique, moderne, avec des terminaisons nettes. Fonctionne particulièrement bien pour des marques technologiques ou haut de gamme. Ses graisses légères sont élégantes en grand format.
Space Grotesk
Beaucoup de caractère, des formes resserrées et un peu techniques. À réserver aux titres - en texte long elle fatigue. Parfaite pour une marque qui veut se démarquer visuellement dès le premier coup d'œil.
Quatre serif avec du caractère
Fraunces
Une serif expressive, très paramétrable, capable d'aller du classique chaleureux au franchement excentrique. Excellente pour des marques du secteur culinaire, culturel ou artisanal.
Newsreader
Conçue pour la lecture longue à l'écran. Sobre, confortable, avec une italique de très bonne facture. Le choix naturel pour un blog ou un site éditorial.
Instrument Serif
Contrastée et élégante, remarquable en très grand format. À utiliser exclusivement pour les titres, associée à une sans-serif neutre pour le texte.
Source Serif 4
Une serif de labeur solide et discrète, avec un jeu de caractères très étendu. Le choix raisonnable quand la fiabilité prime sur l'effet.
Comment associer deux polices
La règle la plus utile tient en une phrase : cherchez le contraste, pas la ressemblance. Deux polices trop proches donnent une impression d'erreur plutôt que d'intention.
- Contraste de catégorie : une serif en titre avec une sans-serif en texte, ou l'inverse. C'est l'association la plus sûre.
- Contraste de graisse : un titre très gras avec un texte en régulier crée immédiatement une hiérarchie claire.
- Deux familles maximum. Trois polices sur un support, c'est déjà trop. Si vous avez besoin de plus de variété, jouez sur les graisses et les tailles d'une même famille.
- Testez sur du vrai contenu, en français, avec vos vrais textes - pas sur du faux latin. Les accents changent complètement l'équilibre d'un bloc de texte.
Associations qui fonctionnent
Fraunces en titres avec Inter en texte, pour une marque chaleureuse et moderne. Space Grotesk en titres avec Work Sans en texte, pour une marque affirmée. Instrument Serif en titres avec Manrope en texte, pour un registre élégant.
Les bonnes pratiques d'intégration web
Une police mal intégrée ralentit le site et provoque des sauts de mise en page. Quelques règles simples suffisent à l'éviter :
- Hébergez les fichiers sur votre propre domaine plutôt que d'appeler un service externe : c'est plus rapide, plus fiable et plus respectueux des données de vos visiteurs.
- Utilisez le format WOFF2, le plus compressé, supporté par tous les navigateurs actuels.
- Limitez-vous aux graisses réellement utilisées. Chaque graisse est un fichier supplémentaire à télécharger.
- Appliquez
font-display: swapavec une police système de repli, pour que le texte reste lisible pendant le chargement. - Envisagez les polices variables : un seul fichier couvre toutes les graisses, souvent pour un poids inférieur à deux fichiers classiques.
Une fois vos deux familles choisies, documentez-les dans votre charte avec les tailles et les usages précis. C'est cette discipline, plus que le choix lui-même, qui rendra votre marque reconnaissable.