A (partial) list of the recommended font pairings on Google FontsâŚin other words, the âPopular Pairingsâ in a list.
Sans Serif:Â Alegreya Sans SC, Open Sans, Roboto
Serif: Alegreya, Alegreya SC, Lora, Merriweather
Sans Serif: ABeeZee, Alegreya Sans SC, Asap Condensed, Cabin Condensed, Chivo, Heebo, Montserrat, Muli, Nunito, Open Sans, Oswald, Fira Sans, Fira Sans Condensed, Raleway, Roboto, Roboto Condensed, Rosario, Sarabun, Tajawal, Ubuntu, Work Sans
Serif:Â Alegreya, Amiri, Cardo, Cinzel, Cormorant Garamond, Cormorant, Crimson Text, Gentium Book Basic, Halant, Karma, Libre Baskerville, Neuton, Spectral, Vollkorn
Sans Serif: Roboto, Raleway, Oswald, Lato, Open Sans, Roboto Condensed, Heebo, Muli, Nunito, Fira Sans, Barlow, Tajawal, Sarabun, Rosario
Serif: Lora, Crimson Text, Alegreya, Neuton, Amiri, Gentium Basic, Karma, Halant, Playfair Display
Sans Serif: ABeeZee, Roboto, Lato, Oswald, Montserrat, Raleway, PT Sans, Ubuntu, Heebo, Muli, Nunito, PT Sans Narrow, Fira Sans, Istok Web, Sarabun, Rosario, Palanquin Dark, Alegreya Sans, Tajawal, Dosis, Oxygen, Alegreya Sans SC,
Serif: Crimson Text, Bitter, Vollkorn, Cardo, Lora, Neuton, Arvo, Amiri, Gentium Basic, Kreon, Gentium Book Basic, Cormorant, Karma, Spectral, Cormorant SC, David Libre, Cormorant Upright, PT Serif
Sans Serif: Andada, Gudea, Istok Web, Puritan, VT323, Yeseva One, Nunito, Lato, Open Sans, PT Sans Caption, Raleway, Roboto, Scada
Serif: Cormorant Infant, Lusitana, PT Serif Caption, Volkov
Sans Serif: Ubuntu, PT Serif, Lora, Fira Sans, Barlow, Dosis, Oxygen, Rosario, Palanquin Dark, Cabin Condensed,Â
Serif: Crimson Text, Cardo, Old Standard TT, Neuton, Libre Baskerville, Spectral, Arvo, Amiri, Gentium Basic, Karma, Halant,Â
Sans Serif: Open Sans, Lato, Montserrat, Raleway, Oswald, Roboto Condensed, Ubuntu, Heebo, Â Muli, Nunito, Fira Sans, Work Sans, Cabin Condensed, Tajawal, Alegreya Sans SC, Crimson Text, Vollkorn, ABeeZee, Alegreya, Cardo, Istok Web, Barlow, Sarabun, Rosario, Palanquin Dark, Alegreya Sans,
Serif: PT Serif, Lora, Amiri, Cormorant, Karma, Spectral, David Libre, Cormorant Upright
Sans Serif: BenchNine, Cabin, M PLUS 1p, Righteous, Sarabun, Signika Negative, Sunflower
Serif: Arbutus Slab, Bree Serif, Bitter, Gentium Book Basic, Gilda Display, Sorts Mill Goudy, Source Serif Pro, Yrsa
Sans Serif: Alegreya Sans, Alegreya Sans SC
Serif: Bitter, IM Fell Double Pica
Sans Serif: Arvo, Alegreya Sans, Fjalla One, Hind, Istok Web, Karla, Lato, Martel Sans, Merriweather Sans, Montserrat, Montserrat Subrayada, Open Sans, Overpass, Raleway, Roboto, Ubuntu
Serif: Alegreya, Buenard, Cardo, Cormorant, Gentium Basic, Gentium Book Basic, IM Fell Double Pica, Libre Baskerville, Vesper Libre
Sans Serif: Lato, Libre Franklin, Montserrat, Work Sans, Raleway, Roboto
Sans Serif: Alegreya Sans, Francois One, Merriweather Sans, Quattrocento Sans, Viga
Serif: Gentium Book Basic, IM Fell French Canon
Sans Serif: Asap, Assistant, Barlow, Lato, Maven Pro, Montserrat, Muli, Raleway, Roboto, Rubik
Serif: Alegreya, David Libre, Gentium Basic, Libre Baskerville, Mate, Spectral
Sans Serif: Lato, Open Sans, PT Sans, Ubuntu
How to enable Custom Google Fonts in your Theme
Get the Embedded Code from Google with whatever font weights and styles desired. Then paste it within the <head> of your theme before <style>
<link href=âhttps://fonts.googleapis.com/css?family={text:Body Font}:300,300i,400,400i,700,700iâ rel=âstylesheetâ>
Tip: 300 is Light, 400 is Normal, and 700 is Bold; 700i means Bold Italic
Add the Customization Option within the <head> of your theme, but before <style>
<meta name=âtext:Body Fontâ content=âSource Sans Proâ/>
body {font-family:{text:Body Font}, âYour Backup Fontâ, sans-serif;}