Today I´d like to share 6 Google Fonts combinations you should try. I believe typography is an extremely important factor to good web design because font combinations create different feelings and emotions for your design branding and if your text isn’t easy to read, no matter what your content says your users will struggle to read it.
One of the main basic rules when it comes to font combinations is the number of typefaces used in the same project. The most convenient is to use 2 or 3 different fonts.
There are more than 870 Google Fonts to choose from, and they are all available for free but let’s be honest: digging through them all can be a little overwhelming. Many of them are awful. But there are also high-quality typefaces that deserve a closer look.
I really believe that you can find elegant and interesting combinations among Google Fonts. I´ve chosen this 6 Google Fonts combinations based on my personal taste.
1.Playfair Display // Lato
2.Oswald // Old Standard TT
3.Montserrat // Neuton
5.Josefin Sans // Merriweather
6.Libre Baskerville // Muli
They are all open-source and 100% free for commercial use.
Here is an example how looks like these 6 Google fonts combinations in my Shirley WordPress theme (all fonts all included in theme). Check out the examples below for inspiration!
10 more Google Font pairings I use in my Divi 5 themes
Since writing this post I have designed many more websites, and these are the Google Font combinations I actually use in my current Divi 5 themes. All of them are free on Google Fonts and can be used in commercial projects.
- Marcellus + DM Sans: calm, classic headings with a clean modern body. I use it in Ellen, my health and wellness theme.
- DM Serif Text + Poppins: a soft serif with personality, and Poppins stays very readable on buttons and menus. You can see it in Michelle, made for coaches and podcasters.
- Bentham + Karla: light and elegant, perfect for yoga teachers and wellness coaches. It is the pairing in Olivia Pro.
- Yeseva One + Roboto: a bold, feminine display serif balanced with a neutral sans serif. I chose it for Maggie.
- Newsreader + Noto Sans: editorial and reassuring, which works beautifully for therapists and counsellors in Marie.
- Sorts Mill Goudy + Noto Sans: an old-style romantic serif for photographers. It sets the mood in Vivien Pro.
- PT Serif + Montserrat: a timeless, safe choice that reads well at any size. I use it in Meryl.
- DM Serif Display + Archivo Narrow: magazine-style headlines with a compact body font, ideal for interior designers. See it in Marlee.
- Antonio + Barlow: condensed, confident headlines for a modern business look, as in Jane Pro.
- Oswald + Poppins: strong and friendly at the same time, great for copywriters and content creators. It is the base of Sophia.
My three rules for pairing fonts
- Look for contrast: a serif for headings and a sans serif for body text is the easiest pairing to get right.
- Stop at two fonts (three at most, if the third one is only a small accent).
- Test the body font at 16 to 18px on your phone. If it is tiring to read there, choose a simpler one.
For more great font inspiration, check out these entries:
Love them all, my favorite combination is the first one, Playfair Display is amazing.
Yes, of course. I love Playfair display is such elegant.. it combines really well with any sans script