Mis à jour 11 juillet 2026

Les meilleures polices Google pour l’interface en 2026

Le catalogue Google Fonts compte environ 1 800 familles, et ce nombre est le problème, pas la promesse. La plupart de ces familles n’ont jamais été conçues pour composer une page de réglages : des polices d’affichage à une seule graisse, des scripts décoratifs, des projets de restauration avec trois glyphes de ponctuation. Le catalogue trie par popularité et par tendance — deux critères qui ne mesurent en rien l’adéquation au travail d’interface. La liste dont vous avez réellement besoin est courte.

Les meilleures polices Google pour l’interface sont les familles qui satisfont cinq critères : la lisibilité aux tailles d’interface, une vraie plage de graisses (quatre graisses utiles ou plus), une hauteur d’x adaptée aux écrans, la couverture des langues que vous servez et une maintenance active. Selon ces critères, une douzaine de familles portent la plupart des interfaces en production — Inter, Source Sans 3, IBM Plex Sans et Noto Sans pour le texte d’interface ; Lora, Source Serif 4 et Newsreader pour la lecture éditoriale ; Space Grotesk, Playfair Display et Fraunces pour l’affichage ; JetBrains Mono et IBM Plex Mono pour le code. Les critères comptent plus que les noms, car les noms changeront et les critères non. Cet article fait partie de notre guide de typographie.

Pourquoi la plupart des polices Google échouent-elles dans une interface ?

Parce que le texte d’interface est lu en petit, vite, et des milliers de fois. Un titre d’affiche est vu une fois à 60px, où presque n’importe quelle police survit ; une étiquette de navigation est parcourue du regard à répétition à 14px, où de petites décisions de conception deviennent des décisions de lisibilité. Des ouvertures fermées laissent le e s’affaisser vers le o ; un l minuscule qui reflète le I majuscule et le chiffre 1 transforme les identifiants en devinette ; des formes de lettres dessinées pour le contraste d’impression perdent leurs traits fins sur un écran de faible densité.

La raison intuitive, c’est que les gens ne lisent pas les interfaces lettre par lettre — ils reconnaissent des formes de mots d’un coup d’œil. Une police qui garde ses formes de lettres distinctes en petites tailles préserve ces formes ; une police dessinée pour être admirée en grandes tailles les brouille. Cet échec est invisible dans l’aperçu du catalogue, qui vous montre un titre, et visible seulement dans le produit, qui montre à vos utilisateurs une légende.

Quels critères rendent une police Google prête pour l’interface ?

Cinq, à peu près dans l’ordre où les familles y échouent :

  1. Lisibilité aux tailles d’interface. Des ouvertures franches — un c, un e et un a qui restent ouverts à 13px — et des formes distinctes pour les confusions classiques : le I majuscule, le l minuscule, le chiffre 1 et la paire rn qui ne devrait pas fusionner en m. Cela se teste en trente secondes, et la plupart des familles y échouent.
  2. Une vraie plage de graisses. La hiérarchie d’interface repose sur la graisse : le corps à 400, les étiquettes à 500, les sous-titres à 600, les titres à 700 — cela fait déjà quatre. Une famille livrée seulement en regular et bold est à court de hiérarchie dès le deuxième écran.
  3. Une hauteur d’x adaptée aux écrans. Une hauteur d’x généreuse paraît plus grande à taille de pixel égale, et c’est pourquoi la plupart des polices d’interface modernes en ont une. Les extrêmes coupent dans les deux sens — quand la hauteur d’x écrase les hampes ascendantes, les formes de mots s’aplatissent et la lecture ralentit.
  4. Couverture des langues et des glyphes. Le latin seul est une contrainte que les équipes découvrent souvent tard, généralement via un rapport de bug dans une autre langue. Vérifiez les écritures que vous servez, et vérifiez la présence de chiffres tabulaires si le produit affiche des nombres en colonnes.
  5. Maintenance active. Les polices sont des logiciels : le hinting s’améliore, des graisses sont ajoutées, la couverture s’étend. Une famille mise à jour ces dernières années est une dépendance plus sûre qu’une famille intouchée depuis 2012.

Comment les critères s’appliquent-ils à un candidat réel ?

Appliquez-les à deux familles populaires. Playfair Display est livrée en six graisses (400–900), elle satisfait donc facilement le critère de plage — mais ses déliés très contrastés s’amincissent jusqu’à l’invisibilité à 14px, elle échoue donc au premier critère pour le texte d’interface. Ce n’est pas une disqualification ; c’est une attribution de rôle : les tailles d’affichage uniquement. Inter est livrée en neuf graisses (100–900), avec une grande hauteur d’x, des chiffres tabulaires et des années de maintenance continue — elle satisfait les cinq critères pour le travail d’interface, et le compromis que vous acceptez est une neutralité délibérée, une qualité que vous pouvez aussi obtenir en ne chargeant aucune police du tout.

Le test rapide pour n’importe quel candidat : composez Illustrate 1lI, rn m à votre taille de légende et regardez. Si les caractères ambigus se confondent, la famille a sa place dans les titres ou sur le projet de quelqu’un d’autre.

Parcourez le sélecteur organisé dans Scale Composer — une cinquantaine de familles Google Fonts qui tiennent la route en usage d’interface, prévisualisées dans des emplacements de titre et de corps aux tailles d’une échelle réelle. Remplacez le texte de spécimen par la chaîne de test rapide et affichez-la à la plus petite taille de l’échelle.

Le sélecteur de polices de Scale Composer montrant une liste organisée de Google Fonts, prévisualisée en texte de spécimen de titre et de corps à des tailles d'échelle réelles

Quelles polices Google sont largement utilisées pour l’interface et le corps de texte ?

Les familles ci-dessous sont largement adoptées plutôt qu’objectivement classées — chacune gagne sa place face aux cinq critères, et chaque ligne dit à quoi la famille sert.

Chevaux de trait pour l’interface et le corps de texte :

  • Inter — le choix neutre par défaut pour l’interface produit : grande hauteur d’x, neuf graisses, chiffres tabulaires, maintenance sans relâche.
  • Source Sans 3 — le même travail avec une chaleur humaniste ; plus avenante qu’Inter sans perdre en régularité dans les paragraphes.
  • IBM Plex Sans — un peu plus de caractère que les neutres ; tient bien sur des écrans denses, chargés de données.
  • Noto Sans — la couverture pour mission ; la réponse pratique quand la liste des langues est longue.

Serifs éditoriales, pour le corps de texte long :

  • Lora — une serif contemporaine dessinée en pensant aux écrans ; une voix de paragraphe confortable et régulière.
  • Source Serif 4 — la sœur à empattements de Source Sans ; un registre éditorial sans déguisement.
  • Newsreader — conçue pour le texte d’actualité à l’écran ; à son meilleur dans les paragraphes suivis, pas dans les titres.

Affichage et caractère :

  • Space Grotesk — une grotesque atypique pour les titres, associée à un corps neutre.
  • Playfair Display — un drame éditorial très contrasté ; tailles de titre uniquement.
  • Fraunces — une old-style douce avec une personnalité assumée ; affichage d’abord, corps rarement.

Monospace :

  • JetBrains Mono — dessinée pour le code : hauteur d’x généreuse, caractères ambigus levés par conception.
  • IBM Plex Mono — la mono qui s’accorde à Plex Sans quand le produit parle déjà Plex.

Les noms d’une liste comme celle-ci vieillissent — des familles sont ajoutées, mises à jour et supplantées, et c’est pourquoi l’année figure dans le titre. Les critères sont la partie durable : quand une nouvelle famille arrive, mettez-la à l’épreuve des cinq critères plutôt que de cette liste.

Testez une liste restreinte face à vos propres mots

Une liste restreinte n’est qu’une hypothèse tant qu’elle n’a pas rencontré le vrai texte de votre produit. Choisissez deux ou trois candidates pour le rôle que vous cherchez à remplir, puis jugez-les là où les polices d’interface justifient leur place : à la taille du corps et de la légende, dans vos propres phrases, pas dans un titre de spécimen. Chargez deux candidates dans les emplacements de titre et de corps — collez le texte de votre interface dans le spécimen éditable, descendez à la plus petite taille que vous livrez, et gardez la famille qui reste lisible quand rien d’autre dans la mise en page ne l’aide.

Continuer la lecture