Les meilleurs Google Fonts pour vos titres et le corps de vos textes

Les polices de caractères sont importantes pour vos sites. Elles ont plusieurs objectifs et il arrive que vous tombiez sur un site où vous avez un excellent confort de lecture sans que vous sachiez pourquoi. Si cela vous arrive, alors sachez que le webmestre a fait un boulot de dingue derrière pour vous proposer la meilleure typographie possible.

Avec les Google Fonts, on peut utiliser toutes les polices de caractères imaginables et si vous êtes sous WordPress, alors l’un des meilleurs plugins pour les Google Fonts est Font Organizer qui vous permet de télécharger automatiquement les Google Fonts et de les appliquer directement aux éléments tels que les différents titres, les liens et le corps du texte. Les meilleurs Google Fonts pour le titre sont d’abord un choix personnel même si j’ai lu de nombreux articles sur la typographie. Comme avec les images, on peut passer des heures à choisir la police de caractère qui convient à vos blogs.

Les meilleurs Google Font pour le titre

Si on lit les articles de typographique et les listes de Google Fonts, alors les meilleurs Google Fonts pour le titre sont Oswald, Anton, Fira Sans et Roboto Condensed. En général, on a 3 critères pour choisir le Google Fonts pour les titres et que la police de caractère doit être propre, grande et gras en natif. Vous pourriez utiliser des polices avec des fioritures comme Playfair Display et le résultat, même s’il est acceptable, sera rarement lisible. Notez que dans cet article, chaque description des Google Fonts pour le titre et le corps  du texte utilise la police de caractère en question pour vous donner une idée du résultat.

 

La Google Font Oswald

La Google Font Oswald a été créée par Vernons Adam qui a pratiqué la typographie de 2007 à 2014. Il a exploré les designs à l’ère du Cloud et il a travaillé sur toutes les polices de caractères possibles allant des textes sophistiqués aux interfaces d’utilisateurs. Oswald n’est pas sa meilleure police de caractère, mais je l’apprécie parce que c’est une alternative à la police de caractère Impact dont on parle plus bas.

La Google Font Anton

C’est l’une de mes Google Font préférées pour le titre et vous pouvez la voir sur notre site d’actualité. Anton est spécialement conçu pour les titres très percutants, car c’est l’alternative gratuite d’Impact qui est très célèbre sur le web. Oui, parce qu’Impact est la police de caractère utilisée pour les memes internet. Mais Impact est une police de caractère propriétaire et Anton est son équivalent libre le plus proche.

La Google Font Fira Sans

La Google Font Fira Sans a été conçue par le studio Carrois Apostrophe. À la base, les polices Fira ont été destinées pour Mozilla, notamment Firefox OS et aujourd’hui, c’est l’une des meilleures Google Font pour le titre. La raison est son aspect légèrement empatté, mais également très clean. Fira Sans fait partie de ces polices de caractère qui convient pour le titre et le corps du texte même si pour le corps, je la trouve trop classe. J’utilise Fira Sans pour mes titres principaux sur ce site.

La Google Font Roboto Condensed

Comme parler des Google Font pour le titre sans parler de Roboto Condensed. Développé par Christian Robertson, Roboto Condensed fait partie de la famille Roboto qui propose une ossature quasi mécanique avec des formes très géométriques. Certaines polices de caractère comme Signika est trop rigide en donnant des formes grotesques à certains caractères alors que Roboto reste très lisse et droite en tout s’adaptant naturellement à la largeur des lettres. Pour le corps du texte, on vous recommande Roboto, mais le titre peut s’adapter avec Roboto Condensed.

La Google Font Signika

Signika est une Google Font conçue par Anna Giedrys. Comme son nom l’indique, Signika est conçu pour les systèmes de signalisation et d’autres médias où on doit directement frapper le lecteur. L’objectif est la clarté de l’information. Je la considère comme l’une des meilleures Google Font pour le titre à cause de son faible contraste avec une faible hauteur qui permet de reconnaitre les caractères à grande distance et sur les petits écrans. Signika est de la même famille que la police de caractère Tahoma. Toutefois, pour les titres longs, on voit quelques défauts, car on perd la clarté. C’est une belle police de caractère, mais je la trouve inadaptée pour mes sites. Mais pour vous, cela peut fonctionner.

Les meilleurs Google Font pour le corps du texte

En général, de nombreuses Google Fonts pour le titre conviennent aussi pour le corps. Étant donné que la taille de la police de caractère est différente pour le titre et le corps, alors on peut donner une bonne homogénéité. Mais justement, l’une des règles typographiques est de casser parfois le lien entre le titre et le texte, car le titre doit frapper directement le lecteur. Tout dépend de l’objectif. Si vous avez un site d’actualité et que vous êtes adepte des titres percutants à la limite du racolage, alors la polyvalence n’est pas l’objectif.

 

La Google Font Libre Franklin

Vous verrez souvent des articles qui recommande la Google Font Libre Franklin pour le corps du texte. Elle a été conçue par Impallari Type qui est une firme de typographie en Argentine et Libre Franklin s’inspire des polices de caractère classique du 20e siècle crée par le célèbre Morris Fuller Benton. Et comme les polices de caractère de Benton sont souvent associées à l’imprimerie et l’essor de la presse, Libre Franklin est souvent utilisé par certains médias de masse. La force de Libre Franklin est qu’elle existe pour quasiment toutes mises en forme telles que gras, italique, semi-gras, semi-italique, Black, etc. Si votre site utilise un design assez classique avec peu de fioritures, alors cette Google Font pour le corps du texte va être l’élément le plus visible. Toutefois, si vous l’utilisez, alors la Google Font de votre titre ne doit pas être conventionnelle pour éviter de perdre l’effet désiré.

La Google Font Rubik

Rubik est une Google Font très recommandée pour le corps du texte. Elle possède un aspect propre et lisse qui convient à tous les médias. Elle possède des coins légèrement arrondis qui peuvent casser l’aspect très angulaire de la police de caractère. Je l’ai utilisé pour certains de mes sites, mais je préfère des Google Font plus douces. Je pense que Rubik peut servir pour certains éléments du texte.

La Google Font Playfair Display

On ne parle plus que de cette police de caractère. Playfair Display a connu une popularité du jour au lendemain grâce à son caractère très sophistiqué. Playfair Display est une police de caractère de transition qui passe de la période de 18e siècle, quand on utilisait la plume, à celle où on a commencé à utiliser des stylos à pointe dure. Mais pourquoi cette Google Font pour le corps du texte ? D’une part, elle vous permettra d’avoir un style similaire à Libre Franklin sans tomber dans le style totalement classieux. Elle représente la transition qui est parfaite pour les sites web. Cette police de caractère est connue pour avoir une hauteur assez courte indépendamment de la lettre ce qui donne une bonne homogénéité au corps du texte.

La Google Font Lora

Lora a été un de mes coups de cÅ“ur pour les meilleurs Google Font pour le corps du texte. Elle possède des caractères très modernes, mais avec des racines puisant dans la calligraphie pure. Elle est moins prononcée qu’un Josephin Slab et vous pouvez également l’utiliser pour vos titres. Toutefois, j’aime les caractères assez espacés pour mes textes et Lora souffre de quelques défauts dans ce domaine. Avec l’avènement des petits écrans, j’ignore si elle peut s’y adapter. Lora rend très bien dans les paragraphes où l’ensemble va être percutant sans être agressif.

La Google Font Roboto

Je n’ai plus besoin de présenter Roboto. Cette Google Font pour le corps du texte convient à tous les sites et comme combinaison, je recommande Roboto Condensed pour le titre. Vous pouvez utiliser les différentes familles de Roboto pour casser un peu l’uniformité de cette police. Roboto est une police de caractère très pratique qui ne se soucie pas de la calligraphie.

La Google Font Gentium Basic

Parmi les meilleures Google Fonts pour le corps du texte, Gentium Basic est un incontournable. Des caractères très propres, mais avec de parfaits arrondis. On peut l’utiliser pour des sous-titres et le corps du texte sans aucun problème. Issu de la famille Gentium, ce Google Font pour le corps du texte rajoute tous les styles pour le rendre pratique pour les demandes du web. Je vois de plus en plus de blogs de designers qui utilisent cette police de caractère. Mais attention, la combinaison avec le titre principal doit être bien choisie pour éviter un contraste trop frappant.

La Google Font Josephin Slab

Je suis tombé sur Josephin Slab par hasard et je la trouve admirable pour une Google Font adaptée pour le corps du texte. Cela fait longtemps que je cherchais une police de caractère avec des contours aussi doux. S’inspirant des polices de caractères des années 1930, Josephin Slab rajoute de nombreux styles modernes de la calligraphie. Toutefois, cette Google Font est tellement caractéristique qu’elle doit parfaitement s’adapter à votre design. Moi, je n’arrive pas à l’intégrer, mais je pense que c’est la Google Font pour le corps qui est parfaite pour des designs ultra-minimalistes.

Les Google Fonts PT Sans et PT Serif

Ce sont deux Google Fonts qui sont des normes pour le corps du texte. Si vous ne connaissez rien à la typographie, alors vous pouvez les utiliser sans trop de soucis. On les connait comme des ParaTypes et elles sont les héritières du ParaGraph International datant de 1998. Les PT Sans et PT Serif sont quasi universelles dans toutes les langues telles que le cyrillique, le latin, l’arabe ou l’hébreu.

La Google Font Lato

De la même manière que Josephin Slab, Lato est également une très belle police de caractère pour le corps du texte. Très soigné, Lato signifie été en polonais et elle a été conçu par Lukasz Dziedzic qui a travaillé pour le journal Gazeta Wyborcza, premier média indépendant de Pologne en 1989 après la chute de l’empire soviétique. Si vous avez dû mal à gérer Josephin Slab, alors Lato vous conviendra pour un excellent Google Font pour le corps du texte. Son principal avantage est lorsque vous l’utilisez dans les paragraphes, le texte sera très standardisé, mais si vous l’utilisez pour le titre, alors les traits des caractères seront assez prononcés. C’est sans doute l’une des meilleures Google Font pour le corps et le titre pour la plupart des sites.

La Google Font Open Sans

Encore un excellent coup de coeur. J’adore tellement cette police de caractère que je n’ose pas l’utiliser pour le corps du texte même si elle est faite pour ça en sachant qu’elle s’inspire beaucoup de Droid. Je préfère l’utiliser dans des éléments intermédiaires entre le titre et le paragraphe comme le châpo d’un article (c’est le cas pour les chapos des articles de ce site).

 

La Google Font Oxygen

Oxygen a été crée par Vernon Adams qui a aussi créé Oswald. Oxygen a été développé pour l’environnement de bureau KDE. Le principal avantage est qu’elle utilise la norme TrueType pour s’adapter à tous les périphériques tels que les tablettes, les Desktops et les Smartphones. Personnellement, ce n’est pas ma tasse de thé, car je la trouve assez impersonnelle même pour des sites corporatistes sans parler des blogs personnels. Et puis, je pense qu’elle n’arrive pas s’intégrer avec des Google Font pour le titre.

Donc, voilà les meilleurs Google Font pour le titre et celles pour le corps du texte. Et une fois que vous avez trouvé celles qui vous conviennent pour les 2 éléments, comment les marier ensemble pour avoir un bon effet ?

Les meilleures combinaisons de Google Fonts pour le titre et le corps du texte

Ci-dessous, Je vous propose des pistes pour avoir la meilleure combinaison des Google Fonts pour le titre et le corps du texte. Notons que cela reste des tests personnels et que je ne suis pas un spécialiste.

 

Roboto Condensed et Roboto

Vous allez me dire : Oh ! Pinaise, c’est un Scoop. Sachez que la meilleure combinaison de Google Fonts pour le corps et le titre sont de choisir la même famille avec des styles différents. Personnellement, je trouve l’ensemble assez réussi, mais vous n’allez pas construire votre identité visuelle. En gros, votre blog ressemblera à un Smartphone Android… Mais il y a plusieurs sites qui utilisent cette combinaison, notamment les sites e-commerces qui veulent être les plus homogènes possible.

Oswald et Playfair Display

C’est un choix personnel, mais je trouve cette combinaison de Google Fonts pour le corps et le titre assez réussi. Oswald est connu pour son aspect percutant, car il s’inspire de la police Impact et Playfair Display vous permet d’avoir des paragraphes avec une très belle calligraphie.

Anton et Open Sans

Comme je l’ai mentionné, Anton est l’alternative gratuite la plus proche de la légendaire police de caractère Impact. Et vous aurez un contraste très normatif avec Open Sans. La combinaison est quasi parfaite, mais attention, Anton convient principalement aux sites d’actualités. Mais vous pouvez la remplacer par Roboto Condensed si elle vous semble trop percutante.

Fira Sans et Rubik

C’est une combinaison de Google Fonts pour le titre et le corps qui propose un superbe contraste. Vous avez un titre qui est assez lisse et propre et Rubik vient casser légèrement avec ses formes géométriques assez angulaires. Après, Rubik nécessite un design particulier pour qu’il donne son potentiel.

Roboto Condensed et Gentium Basic

Ici, on ne va pas faire de folie. On va prendre Roboto Condensed qui est polyvalent, mais on va lui ajouter Gentium Basic pour casser l’aspect monotone. Pour les sites avec des designs assez riches, cela peut poser un problème, car cette richesse va pénaliser cette combinaison qui se veut aussi discrète que possible.

Lato et Libre Franklin

Lato pour le titre et Libre Franklin pour le corps du texte. Certains médias américains utilisent souvent cette combinaison de Google Fonts pour le corps et le titre. D’une part, Lato va permettre d’avoir un titre avec des caractères très lisses et parfaitement visibles même pour de longs titres et d’autre part, vous avez Libre Franklin qui rajoute du professionnalisme aux paragraphes.

Si vous connaissez d’autres Google Fonts pour le titre et le corps du texte, n’hésitez pas le dire dans les commentaires. Je commence encore à m’initier à la typographie et peut-être que pour les puristes, les combinaisons que j’ai proposées sont de l’hérésie, mais pour moi, l’effet est plus important que les règles. Si vous cherchez d’autres combinaisons de fonts, alors vous pouvez lire cet article de Canva qui propose de bonnes combinaisons de polices de caractère pour le titre et le texte.