10 autres combinaisons de polices Google que vous pouvez copier

La dernière fois que nous avons écrit sur Google Web Fonts, il s’agissait d’un programme relativement nouveau, composé de quelques polices. Aujourd'hui, près de 500 familles de polices sont prêtes à être envoyées gratuitement sur votre site web. Google a certainement fait sa marque sur la typographie Web et constitue une excellente alternative aux services d'abonnement premium.

L'inconvénient de cette croissance est qu'il est de plus en plus difficile de parcourir la bibliothèque pour trouver les meilleures sélections. Cependant, nous avons votre dos et nous servons une autre excellente collection de combinaisons de polices Web Google prêtes à être volées. Copiez et collez simplement notre code, puis modifiez le style pour l'adapter à vos besoins et vous serez prêt à partir!

Bree Serif & Open Sans

Le HTML

Le CSS

h1 {font: 400 60px / 1.3 'Bree Serif', Géorgie, serif; } p {font: 400 14px / 1.6 'Open Sans', Verdana, Helvetica, sans-serif; }

Bevan et Pontano Sans

Le HTML

Le CSS

h1 {font: 400 60px / 1.3 'Bevan', Géorgie, serif; } p {font: 400 16px / 1.6 'Pontano Sans', Verdana, Helvetica, sans serif; }

Abril Fatface & Moyenne

Le HTML

Le CSS

h1 {font: 400 60px / 1.3 'Abril Fatface', Georgia, empattement; } p {font: 400 17px / 1.6 'Average', Garamond, Géorgie, serif; }

Playfair Display et Muli

Le HTML

Le CSS

h1 {font: 400 60px / 1.5 'Playfair Display', Géorgie, empattement; } p {font: 400 16px / 1.6 'Muli', Verdana, Helvetica, sans serif; }

Sansita One & Kameron

Le HTML

Le CSS

h1 {font: 400 70px / 1.2 'Sansita one', Géorgie, serif; } p {font: 400 17px / 1.6 'Kameron', Géorgie, serif; }

Istok Web et Lora

Le HTML

Le CSS

h1 {font: 400 70px / 1.2 'Istok Web', Verdana, Helvetica, sans serif} p {font: 400 16px / 1.6 'Lora', Géorgie, serif; }

Pacifico & Arimo

Le HTML

Le CSS

h1 {font: 400 95px / 1.6 'Pacifico', Géorgie, serif; } p {font: 400 16px / 1.6 'Arimo', Verdana, Helvetica, sans serif; }

Nixie One & Ledger

Le HTML

Le CSS

h1 {font: 400 80px / 1.2 'Nixie One', Géorgie, serif; } p {font: 400 15px / 1.6 'Ledger', Garamond, Géorgie, serif; }

Cantate One et Imprima

Le HTML

Le CSS

h1 {font: 400 70px / 1.2 'Cantata One', Géorgie, serif; couleur: # 2f99ba; } p {font: 400 16px / 1.6 'Imprima', Verdana, Helvetica, sans serif; largeur: 480px; couleur: # 232525; }

Rancho & Gudea

Le HTML

Le CSS

h1 {font: 400 95px / 1.1 'Rancho', Géorgie, serif; } p {font: 400 17px / 1.6 'Gudea', Verdana, Helvetica, sans serif; }

Conclusion

J'espère que vous avez trouvé ici plusieurs combinaisons de polices qui fonctionneront parfaitement pour certains des projets sur lesquels vous travaillez. Assurez-vous de marquer cette page dans vos favoris et de revenir la prochaine fois que vous aurez besoin d’idées. Si vous êtes intéressé par la logique de l'association des polices, consultez notre premier article de cette série.

Avez-vous une bonne combinaison de polices Google Web à partager? Laissez un commentaire ci-dessous et laissez-nous savoir! Assurez-vous également de vous connecter à tous les exemples concrets dans lesquels vous utilisez les polices Web de Google.

Google Fonts

Google Fonts est une bibliothèque de plus de 800 types de caractères différents, totalement prête à être intégrée dans votre projet Web. Cette série présente les polices Google et présente des exemples intéressants et des combinaisons de polices permettant de faire passer votre projet au niveau supérieur.