Google Fonts : Trouve l’association parfaite pour tes typographies

Cet article prend environ 14 minutes à lire.

I Il n’est pas toujours aisé de choisir les Google Fonts de ton site ou de tes communications quand ce n’est pas ton domaine d’expertise.

Dans cet article, tu retrouves une sélection de 34 typographies dans des styles variés.

Je te propose systématiquement trois combinaisons pour les assortir.
Tu vois immédiatement le résultat avec les exemples.

Découvre tes futures polices Google pour tes créations, ton logo ou ton site.

Tu retrouves ces typographies gratuites pour tous les usages (y compris commerciaux) directement sur le site de Google Fonts.

Pourquoi utiliser plusieurs polices ?

Les polices confèrent une personnalité identifiable à tes créations. Les associations apportent un degré de sophistication et de différenciation supplémentaire.

Tu renforces la hiérarchie des informations avec des sections plus marquées. De plus, tu romps la monotonie en animant tes textes.

L’association des polices demande un œil exercé. Je ne m’aventure pas dans ce domaine en solo. Je note les polices des sites que j’apprécie et je m’appuie sur les conseils des spécialistes.

Je te communique les idées assemblées au fil des années.

Avant que je te présente ma sélection de Google Fonts, je te propose des idées de polices en fonction de ce que tu veux réaliser.

Les meilleures polices de caractères de Google selon les usages

Manuscrite

• Amatic SC
• Lobster
• Pacifico

Luxe

• Libre Baskerville
• Cormorant
• Oswald

Logo

• Playfair Display
• Poppins
• Pacifico

Titres et Textes

Pour tes titres :

• Anton
• Noto Serif
• Oswald

Pour tes textes :

• Open Sans
• Montserrat
• Source Sans Pro

Les combinaisons de 35 typographies Google (par ordre alphabétique)

Je te recommande une recherche sur la page (CTRL + F sur PC) pour trouver une référence de police précise.

Abril Fatface

Police Serif designée par Veronika Burian et José Scaglione de TypeTogether – 1 style.

La fonte Abril Fatface s’inspire des titres des affiches publicitaires du 19e siècle. La finesse des empattements apporte une touche rétro élégante avec des caractères tout en courbes. Elle est parfaite pour des titres qui se démarquent. Abril Fatface peut se substituer à la police Bodoni Poster.

Abril Fatface + Josefin Sans

Abril Fatface + Lato

Abril Fatface + PT Sans

Alegreya Sans 

Typographie Sans Serif crée par le designer argentin Juan Pablo del Peral d’Huerta Tipográfica – Existe en Sans et Sans SC avec 14 styles chacun.

Alegreya Sans se différencie des autres polices sans serif par un caractère plus affirmé, en particulier dans sa version black. Elle est dynamique et harmonieuse.

Alegreya Black + Alegreya Bold + Alegreya

Alegreya + Open Sans

Alegreya Black + Source Sans Pro

Exo 2 + Alegreya Sans

Amatic SC

2 styles – police d’écriture imaginée par Vernon Adams, Ben Nathan et Thomas Jockin pour Cyreal.

Amatic SC (Small Caps soit petites majuscules) est une police dessinée à la main, très fine avec un tracé irrégulier. Elle demande une taille minimale pour être parfaitement lisible et sera parfaite pour des titres originaux mais à éviter pour les textes.

Amatic SC + Andika

Amatic SC + Josefin Sans

Amatic SC + Open Sans

Anton

1 style – typographie sans-serif designée par Vernon Adams en 2021.

Anton s’inspire des polices utilisées pour les anciennes affiches publicitaires. Ses caractères étroits permettent de disposer de belles tailles de titres dans un espace réduit. Tu peux remplacer la police Impact par Anton.

Anton + Cardo

Anton + Roboto

Anton + Merriweather

Archivo

Police de caractères sans serif créée par Héctor Gatti pour Omnibus-Type – Existe en Standard, Narrow et Black avec 1 style ou variable.

Archivo reprend les codes des fontes gothiques américaines de la fin du 19e siècle. Elle a été pensée pour être utilisée pour les titres.

Archivo Black + Archivo Narrow + Montserrat

Archivo Black + Open Sans

Archivo + Cormorant

Biryani

Typographie Sans Serif élaborée par Dan Reynolds et Mathieu Réguer – 7 styles sont disponibles.

La police de caractères Biryani est un projet en cours de développement qui s’inspire du travail de Rudolf Koch. Son aspect moderne est parfait pour les titres mais sera plus complexe à lire sur des textes longs. 

Biryani + Noto Sans

Biryani + Sarala + Maitree

Biryani + Hind

Bitter

Police variable Serif conçue par Huerta Tipográfica.

Bitter est une police de caractères classique, équilibrée et très lisible sur tous les supports.

Bitter + Montserrat

Bitter + Crimson Pro

Bitter + Poppins

Cardo 

Police d’écriture Serif inventée par David J. Perry en 2002 – 7 styles.

Cardo reprend le travail d’Aldus Manutius, un imprimeur de la Renaissance. Elle est pensée pour des univers liés aux livres et personnes qui souhaitent exprimer une personnalité classique à leur communication.

Cardo + Josefin Sans

Cardo + Open Sans

Cardo + Raleway

Anton + Cardo

Montserrat + Cardo

Cormorant

Typographie Serif créée par Christian Thalmann – Existe dans 6 déclinaisons avec de nombreux styles.

Cormorant s’inspire des caractères de Claude Garamond réalisés au seizième siècle. Elle est pensée pour les gros titres et les mises en avant.

Cormorant + Open Sans

Cormorant + Archivo

Cormorant + Lato

Exo 2

Police Sans Serif variable conçue par Natanael Gama.

Exo est une typographie géométrique contemporaine qui ne passe pas inaperçue tout en conservant un design élégant. Exo a débuté comme le projet d’un étudiant en 2009 avant d’être retravaillée.

Exo 2 + Alegreya Sans

Exo 2 + Open Sans

Exo 2 + Montserrat

Fira Sans

Typographie Sans Serif est élaborée par Carrois une fonderie de caractères basée à Berlin – Existe dans 3 déclinaisons en Sans et en Mono avec une large palette de styles : jusqu’à 18.

Conçue pour le navigateur Firefox, Fira est lisible sur toutes les tailles d’écran. Elle remplacera la police Calibri dans les créations.

Fira Sans Black + Fira Sans + PT Serif

Fira Sans + Montserrat

Fira Sans + Arvo

Inter

Inter est une police variable proposée par Rasmus Andersson, un créateur de logiciels – Existe en Standard et Tight (resserrée).

Inter est une fonte moderne et fine pensée pour les interfaces utilisateur et s’adapte à tous les usages sur les écrans. Inter est une alternative à la police de caractères Helvetica.

Inter + Poppins

Inter + Open Sans

Inter + Merriweather

Libre Baskerville + Inter

Poppins + Inter

Ultra + Inter

Josefin Sans

Santiago Orozco de Typemade a conçu cette fonte Sans Serif Variable – Existe en Slab.

Cette typographie reprend les designs géométriques des années 1920. Cette approche élégante avec une touche vintage ne s’utilise que pour les textes de grandes tailles..

Josefin Sans + Crimson Pro

Josefin Sans + Lora

Josefin Sans + Merriweather

Abril Fatface + Josefin Sans

Cardo + Josefin Sans

Lato

Police Sans Serif designée par Łukasz Dziedzic en 2010 – Existe en 10 styles.

Cette police de caractères fut créée à l’origine pour une banque polonaise. Son concepteur l’a publié en licence libre quand la banque a changé d’orientation graphique. Lato signifie « été » en polonais. Elle souhaite procurer une ambiance chaleureuse sans abandonner l’idée de stabilité et de sérieux. Peut remplacer la police Arial dans les créations.

Lato + Oswald + Ubuntu

Lato + Francois One

Lato + Merriweather

Abril Fatface + Lato

Cormorant + Lato

Noto Serif + Lato

Libre Baskerville

Police d’écriture Serif réalisée par Pablo Impallari – Existe en 3 styles.

Cette typographie adapte pour la lecture sur les écrans la version de Baskerville proposée par American Type en 1941. Le design d’origine a été conçu en 1757 par John Baskerville pour les presses à imprimer. Son style néoclassique exprimait la simplicité et la symétrie. Elle conserve toute son élégance et sa modernité au mépris des années.

Libre Baskerville + Inter

Libre Baskerville + Source Sans Pro

Libre Baskerville + Montserrat

Open Sans + Libre Baskerville

Sacramento + Libre Baskerville

Lobster

Une typographie calligraphique créée en 2010 par Pablo Impallari – Existe en 1 style, mais une version plus fine (Lobster Two) est disponible en 4 styles.

Lobster est une magnifique police d’écriture avec une forte personnalité. Son originalité tient dans les ligatures qui réalisent les transitions entre les lettres comme une écriture attachée.

Lobster + Cabin

Lobster + Open Sans

Lobster + Roboto

Lora

Une police de caractères Serif variable de la fonderie cyreal.

Lora est un serif contemporain qui transmet une impression de modernité avec ses empattements très discrets.

Lora + Source Sans Pro

Lora + Josefin Sans

Lora + Roboto

Josefin Sans + Lora

Open Sans + Lora

Ubuntu + Lora

Merriweather

Une fonte Serif conçue par Sorkin Type – Proposée en 8 styles – Existe aussi en Sans Serif.

Merriweather facilite la lecture sur le web avec la volonté d’apporter une touche personnelle. Elle rappelle les livres anciens mais avec les méthodes des créateurs contemporains pour la simplification.

Merriweather + Open Sans

Merriweather + Source Sans Pro

Merriweather + Poppins

Anton + Merriweather

Inter + Merriweather

Oswald + Merriweather

Montserrat

Police géométrique Sans Serif conçue en 2010 par Julieta Ulanovsky. Existe en variable et est aussi proposée dans une version alternative moins formelle. 

Cette typographie reprend l’esprit des anciennes affiches du quartier de Montserrat à Buenos Aires l’ont inspirée. Sa grande lisibilité à toutes les tailles est idéale pour tous les supports. Tu peux substituer les polices Gotham et Proxima Nova avec Montserrat.

Montserrat + Cardo

Montserrat + PT Serif

Montserrat + Noto Serif

Exo 2 + Montserrat

Fira Sans + Montserrat

Libre Baskerville + Montserrat

Noto (Sans Serif & Serif)

Une police de caractères de Google et de Monotype disponible dans de multiples styles et plus de 100 versions.

Cette famille de fontes est la plus vaste : elle couvre toutes les langues écrites. 5 années de travail furent nécessaires pour concevoir des caractères semblables pour plus de 100 écritures. Noto Sans sera à envisager en remplacement de Museo Sans.

Noto Sans + Montserrat

Noto Serif + Lato

Noto Serif + Roboto

Biryani + Noto Sans

Montserrat + Noto Serif

Poppins + Noto Serif

Nunito

Typographie Sans Serif créé par Vernon Adams – Disponible en 14 styles et en version variable.

Nunito est une police équilibrée avec des terminaisons arrondies principalement utilisée pour les titres mais lisible pour les textes. Elle remplacera les fontes commerciales Avenir, Univers et Futura.

Nunito Sans + Arimo

Nunito Sans + Open Sans

Nunito + Montserrat

Open Sans + Nunito Sans

Roboto + Nunito Sans

Open Sans

Police variable Sans Serif de Steve Matteson.

Open Sans est une fonte moderne et neutre d’une lisible parfaite sur tous les supports web et imprimés. Elle remplace les polices Arial, Helvetica, Segoe UI et Calibri dans les créations.

Open Sans + Libre Baskerville

Open Sans + Lora

Open Sans + Nunito Sans

Alegreya + Open Sans

Lobster + Open Sans

Source Sans Pro + Open Sans

Oswald

Typographie variable Sans Serif lancée en 2011 par Vernon Adams et mise à jour par Kalapi Gajjar et Alexei Vanyashin.

Oswald, une refonte de la police classique Alternate Classic, présente des lettres hautes pour conserver des titres sur une surface raisonnable en grand format. Oswald sera à envisager pour se substituer aux typos Bebas Neue et Impact.

Oswald + Source Sans Pro

Oswald + Arvo + Roboto

Oswald + Merriweather

Pacifico

Police manuscrite de Vernon Adams – Disponible en 1 style.

Inspirée de la culture surf américaine des années 1950, Pacifico est une typographie qui se remarque par son originalité.

Pacifico + Amatic SC + Open Sans

Pacifico + Arimo

Pacifico + Josefin Sans

Playfair Display

Police de caractères Serif variable de Claus Eggers Sørensen publiée en 2011 – Existe aussi en version petites majuscules (SC). 

Playfair Display s’inspire des créations de la période des Lumières. Classique et contrastée, cette typographie est pensée uniquement pour les titres.

Playfair Display + Quattrocento

Playfair Display + Muli

Playfair Display + Raleway

Poppins

Fonte Sans Serif conçue par Jonny Pinhorn pour l’Indian Type Foundry – Existe en 18 styles.

Idéale pour des titres qui ressortent, Poppins apporte une touche de modernité avec des caractères minimalistes, épurés et géométriques. Poppins est une alternative à la célèbre police Futura.

Poppins + Noto Serif

Poppins + Roboto

Poppins + Inter

Bitter + Poppins

Merriweather + Poppins

PT

Famille de polices d’Alexandra Korolkova, Olga Umpeleva et Vladimir Yefimov pour ParaType  – Existe en 5 versions : Sans, Serif, Mono, Sans Caption et Sans Narrow. 

La famille PT apporte une belle variété aux créations avec des polices pensées pour fonctionner en harmonie. Elle fut commandée par le département du ministère russe des Communications, pour célébrer le 300e anniversaire de la réforme de l’orthographe de Pierre le Grand. PT Sans est une alternative de la police Myriad Pro.

PT Serif + PT Sans

PT Serif + Roboto

PT Serif + Raleway

Montserrat + PT Serif

Raleway + PT Sans

Ultra + PT Serif

Quicksand

Police de caractères Sans Serif variable conçue par Andrew Paglinawan en 2008.

Quicksand est une typographie toute en rondeurs idéale pour des titres élégants. Elle conserve sa lisibilité dans des formats plus petits.

Quicksand 700 + Quicksand + Cabin

Quicksand + EB Garamond

Quicksand + Source Sans Pro

Raleway

Fonte Sans Serif Variable dirigée par Matt McInerney avec le soutien de Pablo Imbaralli et de Rodrigo Fuenzaalida – Existe en version pointillés (Dots).

La flexibilité de Raleway autorise une utilisation pour tous les usages avec sa variété impressionnante de graisses. C’est une police simple, nette et qui conserve une parfaite lisibilité.

Raleway + Merriweather

Raleway + Open Sans

Raleway + PT Sans

Playfair Display + Raleway

PT Serif + Raleway

Yellowtail + Raleway

Roboto

Typographie Sans Serif de Christian Robertson développée à l’origine pour Android – Proposée en 12 styles, elle existe aussi en Serif, Mono, Condensed, Slab et Flex.

Cette police neutre, moderne et claire est adaptée aussi bien pour les titres que les textes les plus petits. Sa simplicité assure un excellent confort de lecture. C’est une police de substitution pour DIN, Helvetica, Univers, Proxima Nova et Frutiger.

Roboto Black + Nunito Sans

Roboto + Crimson Pro

Roboto + Neuton + Lora

Lobster + Roboto

Noto Serif + Roboto

Poppins + Roboto

Sacramento

Police Script réalisée par la fonderie Astigmatic – Existe en 1 style.

Sacramento est une police élégante et équilibrée qui s’inspire des lettrages manuels des années 1950 et 1960. Elle est idéale pour les titres et les citations.

Sacramento + Libre Baskerville

Sacramento + Open Sans

Sacramento + Montserrat

Source Sans Pro

Typographie Sans conçue par Paul D. Hunt en 2012 pour Adobe – Existe en 12 styles.

Source Sans Pro est une police sobre qui s’adapte à tous les projets. Elle reprend les formes des caractères gothiques de Morris Fuller Benton : News Gothic, Lightline Gothic et Franklin Gothic.

Source Sans Pro + Open Sans

Source Sans Pro + Montserrat

Source Sans Pro + Ubuntu

Libre Baskerville + Source Sans Pro

Lora + Source Sans Pro

Oswald + Source Sans Pro

Ubuntu

Famille de polices Sans Serif désignée par Dalton Maag pour Canonical – Existe en 3 versions : Sans Serif, Condensed et Mono.

Ces polices sont pensées pour être utilisées pour l’ensemble des usages d’un site internet : titres, textes, menus et boutons des ordinateurs et des mobiles. La philosophie d’Ubuntu : tous les utilisateurs doivent pouvoir utiliser leurs applications dans leur langue.

Ubuntu + Lora

Ubuntu + Cabin

Ubuntu + Vollkorn

Lato + Oswald + Ubuntu

Source Sans Pro + Ubuntu

Ultra

Police de caractères Display designée par la fonderie Astigmatic – 1 style.

Ultra apporte une personnalité affirmée à tes titres. Ses caractères ornementés transmettent une touche rétro et conviviale.

Ultra + PT Serif

Ultra + Inter

Ultra + Open Sans

Yellowtail

Typographie manuscrite d’Astigmatic – Disponible en 1 style.

Yellowtail reprend les codes des typographies classiques des années 1930 comme Gillies Gothic et Kaufmann pour sortir du lot. La séparation nette des lettres aide à conserver la lisibilité.

Yellowtail + Open Sans

Yellowtail + Amaranth

Yellowtail + Raleway

Tu as repéré une police commerciale qui te fait de l’œil ? Voici les remplaçantes à envisager des principales typographies premium.

Les équivalences en Google Fonts de 25 polices commerciales

• Arial = Lato, Open Sans
• Avenir = Nunito, Prompt, Muli
• Baskerville = Libre Baskerville
• Bebas Neue = Oswald
• Bodoni = Suranna, Bodoni Moda, Arapey, Prata
• Bodoni Poster = Gravitas One, Abril Fatface
• Calibri = Open Sans, Fira Sans
• Century Gothic = Muli, Questrial, Didact Gothic
• Courier = Cutive Mono
• Didot = Suranna
• DIN = Roboto, Cabin, Barlow
• Frutiger = Istok Web, Hind, Roboto
• Futura = Poppins, Nunito, Kumbh Sans, Questrial, Muli
• Georgia = Vollkorn
• Gill Sans = Lato, Cabin
• Gotham = Montserrat
• Helvetica = Inter, Roboto, Open Sans, Arimo, Work Sans
• Impact = Anton, Oswald
• Museo Sans = Noto Sans
• Museo Slab = Roboto Slab
• Myriad Pro = PT Sans, Hind Guntur
• Proxima Nova = Montserrat, Roboto
• Segoe UI = Open sans
• Univers = Nunito Sans, Roboto
• Verdana = Jost, Arimo

6 outils et ressources pour trouver les meilleures combinaisons

Voici quelques ressources utiles pour approfondir.

Les outils pour faciliter l’association des polices

FontJoy est de loin mon site préféré pour trouver des associations.

Tu génères les combinaisons en ajustant le degré de proximité avec la réglette. Tu verrouilles ta sélection ou tu recherches directement une police.

Les sites qui proposent des associations de typographies

fontpair propose une belle collection de combinaisons uniquement dédiée aux Google fonts.

typespiration donne 22 exemples mis en page avec des associations qui fonctionnent parfaitement.

Figma présente 10 polices à essayer avec les associations.

La section polices de MaxiBestOf est une vraie caverne d’Ali Baba. Tu retrouves des exemples de sites avec les propositions de paires. Il ne suggère pas exclusivement des polices Google ce qui demande un effort de tri.

SimilarFont suggère des alternatives gratuites à 50 typographies premium.

3 règles simples à respecter pour associer tes polices de caractères

Ne succombe pas à la surenchère

3 polices différentes suffisent largement pour un site sophistiqué et animé. Multiplier les typographies surcharge la page et transmet un effet brouillon. De plus, chaque police supplémentaire ralentit le chargement de ton site.

Trouve le juste niveau de contraste

Cela ne sert à rien d’ajouter des polices jumelles qui demanderont un examen à la loupe pour les départager. L’inverse est également vrai. Tu vises une harmonie de l’ensemble. À moins d’être un graphiste expérimenté, mieux vaut éviter les tentatives trop audacieuses qui perturbent les visiteurs.

Respecte les forces de chaque police

Certaines polices s’adaptent à toutes les situations. Cependant, la majorité seront parfaites pour des titres mais illisibles en petite taille ou idéales pour des textes mais trop neutres et sans personnalité pour des titres.

Conclusion

Tu trouveras de nombreuses autres ressources dans l’article consacré au choix de ta police de caractères. Je te présente notamment la méthode pour définir l’ensemble des tailles de typographies dont tu as besoin.

Si tu souhaites un résultat ultra-personnalisé, je te recommande de passer par un graphiste qui intégrera éventuellement des polices payantes à sa proposition.

Les articles pour créer une marque forte :

• Sélectionne les couleurs de ton site
• Trouve l’orientation graphique de ta marque avec un moodboard
• Crée ton logo

Retrouve tous les tutoriels pour Créer ta marque

Je partage mes apprentissages et mes expériences depuis 2017 avec + de 100 tutoriels et ressources.

Tu devrais trouver ton bonheur pour créer ta marque, construire ton site puis le faire grandir et développer ton entreprise sur pour pas un rond.

Jean

Les citations des illustrations sont issues du site du journal Ouest France.