I Il n’est pas toujours aisé d’associer les Google Fonts.
Je te propose des combinaisons pour 31 polices avec un aperçu pour voir immédiatement ce que cela donne.
Sommaire
Les références fonctionnent ainsi :
Abril-Fatface Average : 2 polices indiquées – les titres sont en Abril Fatface et le texte du paragraphe en Average
Abril-Fatface Montserrat Lora : 3 polices indiquées – le titre principal (H1) est en Abril-Fatface, les autres titres en Montserrat et le texte du paragraphe en Lora
J’ai ajouté des tirets entre les éléments d’une police pour faciliter la lecture.
Les polices proposées dans cet article :
Serif
- Abril fatface
- Libre Baskerville
- Lora
- Playfair Display
- Droid Serif
- Merriweather
- Noto Serif
- PT Serif
- Cardo
- Lustria
- Bitter
Sans Serif
Manuscrite
- Pacifico
- Yellowtail
- Lobster
- Cookie
- Amatic SC
- Fredericka the Great
- Sacramento
- Grand Hotel
- Shadows into light two
Les combinaisons de polices
Serif
Abril fatface
Abril-Fatface Average
Abril-Fatface Josefin-Sans
Abril-Fatface Lato
Abril-Fatface Montserrat Lora
Abril-Fatface PT-sans-narrow
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Libre Baskerville
Libre-Baskerville Hind
Libre-Baskerville Lato
Libre-Baskerville Montserrat
Libre-Baskerville Righteous
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Lora
Lora Source-Sans-Pro
Lora Istok-Web
Lora Josefin-Sans
Lora Open-Sans
Lora Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Playfair Display
Playfair-Display Cutive-Mono
Playfair-Display Fauna-One
Playfair-Display Fira-sans
Playfair-Display Muli
Playfair-Display Museo
Playfair-Display Museo-Sans
Playfair-Display Raleway
Playfair-Display Roboto
Playfair-Display Vollkorn
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Droid Serif
Droid-Serif Droid-Sans
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Merriweather
Merriweather Open-Sans
Merriweather Source-Sans-Pro
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Noto Serif
Noto-Serif Lato
Noto-Serif Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
PT Serif
PT-Serif Open-sans
PT-Serif PT-Sans
PT-Serif Raleway
PT-Serif Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Cardo
Cardo Josefin-sans
Cardo Open-sans
Cardo Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Lustria
Lustria Lato
Lustria Open-sans
Lustria Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Bitter
Bitter Crimson-text
Bitter Lato
Bitter Montserrat
Bitter Open-sans
Bitter Raleway
Bitter Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Sans Serif
Josefin Sans
Josefin-Sans Crimson-text
Josefin-Sans Lora
Josefin-Sans Merriweather
Josefin-sans Playfair-display
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Lato
Lato Merriweather
Lato Oswald Ubuntu
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Roboto
Roboto-condensed Nunito
Roboto Crimson-Text
Roboto-Slab Neuton
Roboto-Slab Open-Sans
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Montserrat
Montserrat Cardo
Montserrat Courier-New
Montserrat Domine
Montserrat Over-the-Rainbow Crimson-Text
Montserrat Playfair-Display
Montserrat PT-Serif
Open Sans
Open-Sans Gentium-Basic
Open-Sans Libre-Baskerville
Open-Sans Lora
Open-Sans Nunito
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Oswald
Oswald Arvo
Oswald Cutive-Mono
Oswald Droid-Serif
Oswald Lora Cutive-Mono
Oswald Merriweather
Oswald Old-Standard-TT
Oswald Open-Sans
Oswald Quattrocento
Oswald Quicksand
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Archivo Black
Archivo-black Archivo-narrow Arial
Note : Arial n’est pas une police Google Fonts mais elle est commune à tous les ordinateurs.
Archivo-black Montserrat
Archivo-black Open-sans
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Raleway
Raleway Lusitana
Raleway Merriweather
Raleway Open-Sans
Raleway PT-Sans
Raleway Roboto-Condensed Roboto-Condensed
Raleway Ubuntu
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Source Sans Pro
Source-Sans-Pro Open-Sans
Source-Sans-Pro Times-New-Roman
Note : Times New Roman n’est pas une police Google Fonts mais est extrêmement répandue.
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Ubuntu
Ubuntu Lora
Ubuntu Vollkorn
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Quicksand
Quicksand Cabin
Quicksand Jacques-francois
Quicksand Sacramento
La proposition est originale et esthétique cependant les polices manuscrites sont plus difficiles à lire sur de longs paragraphes. Je pencherai pour une taille de texte très importante. Le plus simple est de tester sur un grand bloc de texte.
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Manuscrite
Pacifico
Pacifico Amatic-SC Open-sans
Pacifico Arimo
Pacifico Josefin-Sans
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Yellowtail
Yellowtail Open-sans-condensed Open-sans
Yellowtail Raleway Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Lobster
Lobster Cabin
Lobster Open-sans
Lobster Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Cookie
Cookie Open-sans
Cookie Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Amatic SC
Amatic-sc Andika
Amatic-sc Droid-sans
Amatic-sc Josefin-sans
Amatic-sc Josefin-slab
Amatic-sc Open-sans-condensed
Amatic-sc Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Fredericka-the-great
Fredericka-the-great Crimson-text
Fredericka-the-great Josefin-slab
Fredericka-the-great Open-sans
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Sacramento
Sacramento Alice
Sacramento Libre-Baskerville
Sacramento Montserrat
Sacramento Open-sans
Sacramento Raleway
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Grand-Hotel
Grand-Hotel Abeezee
Grand-Hotel Lato
Grand-Hotel Montserrat
Grand-Hotel Open-sans
Grand-Hotel Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Shadows into light two
Shadows-into-light-2 Lato
Shadows-into-light-2 Marcellus-sc
Shadows-into-light-2 Roboto
Si tu as choisi cette police, tu peux désormais définir les tailles à l’aide d’un ratio.
Conclusion
As-tu trouvé ton bonheur et déterminé les polices qui embelliront ton site ?
Tu retrouveras tous les éléments pour finaliser le travail sur les polices de ton site dans l’article Sélectionner les polices.
Les articles qui peuvent t’intéresser :
Retrouve tous les tutoriels pour Créer ta marque
Jean
Fondateur, auteur et homme à tout faire
J’ai créé pour pas un rond pour que tu puisses réaliser seul ton site et le faire grandir avec des tutoriels pas à pas.
