Best 20 Divi font combinations for your next Divi project

by | Sep 20, 2020 | Tips & Tricks

divi font combinations

Do fonts really matter in website design? There are numerous components to tremendous website design, however, people often overlook minor details like typography. You would possibly be wondering how important a website’s font really is. Believe it or not, a website font can affect the overall appearance of your site. Yes, you read right!

Typography is a vital element in your website design. More so, it has a great impact on your brand. It is unlikely that you have been on a website and thought, “I absolutely love the fonts used here!” Our minds aren’t trained for that. Humans are generally drawn to images and videos. Notwithstanding, the text keeps us engrossed with the contents. I’m pretty sure you have been on some websites that have fonts that are repelling, difficult to read, or even felt out of place. You would certainly not want that for your website.

As trivia, as it may sound, choosing the right fonts for your website, is typically overwhelming. Of course, you wouldn’t want to use a constant font everywhere. That will be so boring! Luckily, Divi has over 900 fonts to choose from. Such a relief, right? But how do you pick the best font from over 900 fonts? That sounds like a lot of time shuffling through fonts. Let me guess, you are bored already just thinking of it. Don’t feel bad. Anyone would be bored too. This is why we took the time to carefully handpick the best 20 DIVI fonts combination for your next Divi project. Rest assured these fonts will keep your Divi website totally engaging.

Ready? Let’s get to it!

1. Oswald + Quattrocento

Title font: Oswald
Body font: Quattrocento
Oswald is known for attracting attention, therefore, it is an excellent choice for headlines on websites. Oswald combined with Quattrocento is one of the best Divi font combinations you could use for your Divi website.

Example:

Your title with Oswald font in divi!

Here is your body text made with Quattrocento font. The combination of Oswald + Quattrocento will look like this section here. Here in the title text, the Oswald font is used. And for body text, the Quattrocento font is used.

2. Amatic SC + Josefin Sans

Title font: Amatic SC
Body font: Josefin Sans
Although this Divi font combo isn’t for everybody, you would definitely nail it if you use it against a white or light background. Also, ensure the text has enough space to breathe.

Example:

Your title with Amatic SC font in divi!

Here is your body text made with Josefin Sans font. The combination of Amatic SC + Josefin Sans will look like this section here. Here in the title text, the Amatic SC font is used. And for body text, the Josefin Sans font is used.

3. Lato + Roboto

Title font: Lato
Body font: Roboto
Lato [a trendy Divi font] when combined with Roboto gives you a user-friendly font for virtually every website.

Example:

Your title with Lato font in divi!

Here is your body text made with Roboto font. The combination of Lato + Roboto will look like this section here. Here in the title text, the Lato font is used. And for body text, the Roboto font is used.

4. Spectral + Karla

Title font: Spectral
Body font: Karla
Trust me, you can’t go wrong with this amazing Divi font combination. Once paired, you get an elegant design. You should totally try it!

Example:

Your title with Spectral font in divi!

Here is your body text made with Karla font. The combination of Spectral + Karla will look like this section here. Here in the title text, the Spectral font is used. And for body text, the Karla font is used.

5. Open Sans Condensed + Open Sans

Title font: Open Sans Condensed
Body font: Open Sans
Open Sans is a neutral and friendly font. Once combined with Open Sans Condensed, it works wonders for nearly all applicable uses.

Example:

Your title with Open Sans Condensed font in divi!

Here is your body text made with Open Sans font. The combination of Open Sans Condensed + Open Sans will look like this section here. Here in the title text, the Open Sans Condensed font is used. And for body text, the Open Sans font is used.

6. Montserrat + Merriweather

Title font: Montserrat/ Merriweather
Body font: Merriweather/ Montserrat
No doubt Montserrat is one of the most popular Divi google font among web designers. Nevertheless, if you are thinking about pairing it with a different font, try Merriweather font and you are in for a treat.

Example:

Your title with Montserrat font in divi!

Here is your body text made with Merriweather font. The combination of Montserrat + Merriweather will look like this section here. Here in the title text, the Montserrat font is used. And for body text, the Merriweather font is used.

7. Sacramento + Alice

Title font: Sacramento
Body font: Alice
Sacramento becomes hard to read with too many words. For this reason, it is best for headings. Its delicate form of typeface paired with Alice gives a chic and sophisticated design.

Example:

Your title with Sacramento font in divi!

Here is your body text made with Alice font. The combination of Sacramento + Alice will look like this section here. Here in the title text, the Sacramento font is used. And for body text, the Alice font is used.

8. Cinzel + Raleway

Title font: Cinzel/ Raleway
Body font: Raleway/ Cinzel
If you need a unique blend of fonts, consider going for Cinzel, and Raleway combination. The Raleway font complements Cinzel’s bold font so well.

Example:

Your title with Cinzel font in divi!

Here is your body text made with Raleway font. The combination of Cinzel + Raleway will look like this section here. Here in the title text, the Cinzel font is used. And for body text, the Raleway font is used.

9. PT Sans + Open Sans

Title font: Open Sans
Body font: PT Sans
Are you looking for a Divi font combination that works with any design? Open Sans font pairing is your guy! Pairing Open Sans with PT Sans leaves you with a beautiful view. Try it!

Example:

Your title with Open Sans font in divi!

Here is your body text made with PT Sans font. The combination of PT Sans + Open Sans will look like this section here. Here in the title text, the Open Sans font is used. And for body text, the PT Sans font is used.

10. Libre Baskerville + Source San Pro

Title font: Libre Baskerville
Body font: Source Sans Pro
You should consider using Libre Baskerville and Source Sans Pro to spice up your Divi project. These two look wonderful when combined.

Example:

Your title with Libre Baskerville font in divi!

Here is your body text made with Source Sans Pro font. The combination of Libre Baskerville + Source San Pro will look like this section here. Here in the title text, the Libre Baskerville font is used. And for body text, the Source Sans Pro font is used.

11. Raleway + Roboto Condensed

Title font: Raleway
Body font: Roboto Condensed
Raleway and Roboto condensed are tagged as an excellent combination. The roundness of Raleway contrasts well with the condensed Roboto providing you with a lovely mix.

Example:

Your title with Raleway font in divi!

Here is your body text made with Roboto Condensed font. The combination of Raleway + Roboto Condensed will look like this section here. Here in the title text, the Raleway font is used. And for body text, the Roboto Condensed font is used.

12. Alegreya + Lato

Title font: Alegreya
Body font: Lato
With the ever-friendly personality of Alegreya, and all-purpose Lato you would get fun and easy-to-read font when you use them together.

Example:

Your title with Alegreya font in divi!

Here is your body text made with Lato font. The combination of Alegreya + Lato will look like this section here. Here in the title text, the Alegreya font is used. And for body text, the Lato font is used.

13. Open Sans + Roboto

Title font: Open Sans
Body font: Roboto
These fonts work together so well because they are both brittle, readable, and can be used interchangeably.

Example:

Your title with Open Sans font in divi!

Here is your body text made with Roboto font. The combination of Open Sans + Roboto will look like this section here. Here in the title text, the Open Sans font is used. And for body text, the Roboto font is used.

14. Abril Fatface + Poppins Light

Title font: Abril Fatface
Body font: Poppins Light
Abril Fatface, once paired with one of the new traditional fonts Poppins light, gives a superb combination. Have you tried it yet?

Example:

Your title with Abril Fatface font in divi!

Here is your body text made with Poppins Light font. The combination of Abril Fatface + Poppins Light will look like this section here. Here in the title text, the Abril Fatface font is used. And for body text, the Poppins Light font is used.

15. PT Sans Narrow + PT Sans

Title font: PT Sans Narrow
Body font: PT Sans
Are you a lover of traditional fonts that deliver the old charm with the modern twist? PT Sans is certainly one font you should give a try. As soon as it is paired with PT Sans Narrow, it becomes one of the best Divi font combos ever.

Example:

Your title with PT Sans Narrow font in divi!

Here is your body text made with PT Sans font. The combination of PT Sans Narrow + PT Sans will look like this section here. Here in the title text, the PT Sans Narrow font is used. And for body text, the PT Sans font is used.

16. Playfair Display + Source Sans Pro

Title font: Playfair Display
Body font: Source Sans Pro
Playfair Display, when combined with Source Sans Pro, creates one of the most powerful classic Divi Google font combinations.

Example:

Your title with Playfair Display font in divi!

Here is your body text made with Source Sans Pro font. The combination of Playfair Display + Source Sans Pro will look like this section here. Here in the title text, the Playfair Display font is used. And for body text, the Source Sans Pro font is used.

17. Roboto + Merriweather Sans

Title font: Roboto
Body font: Merriweather Sans
Like the PT Sans, Merriweather Sans also gives off a traditional feeling with a modern shape. Even more, it goes well with Roboto.

Example:

Your title with Roboto font in divi!

Here is your body text made with Merriweather Sans font. The combination of Roboto + Merriweather Sans will look like this section here. Here in the title text, the Roboto font is used. And for body text, the Merriweather Sans font is used.

18. Fjalla One + Noto Sans

Title font: Fjalla One
Body font: Noto Sans
Fjalla One [an attention-seeking font], when combined with Noto Sans [a flexible font], gives your project the attention it desires.

Example:

Your title with Fjalla One font in divi!

Here is your body text made with Noto Sans font. The combination of Fjalla One + Noto Sans will look like this section here. Here in the title text, the Fjalla One font is used. And for body text, the Source Noto Sans font is used.

19. Ubuntu bold + Open Sans

Title font: Ubuntu bold
Body font: Open Sans
The Ubuntu bold personality paired with the upright stress, yet neutral and friendly Open Sans makes it excellent for your Divi website.

Example:

Your title with Ubuntu bold font in divi!

Here is your body text made with Open Sans font. The combination of Ubuntu bold + Open Sans will look like this section here. Here in the title text, the Ubuntu bold font is used. And for body text, the Open Sans font is used.

20. Varela Round + Noto Serif

Title font: Varela Round
Body font: Noto Serif
Varela Round with its soft feel when coupled with Noto Serif makes your website even more beautiful.

Example:

Your title with Varela Round font in divi!

Here is your body text made with Noto Serif font. The combination of Varela Round + Noto Serif will look like this section here. Here in the title text, the Varela Round font is used. And for body text, the Noto Serif font is used.

Wrapping it up
Making font selection can be tricky and could relatively affect your website design. However, picking the right font combination could help boost your website. By picking one of these Divi fonts combinations, you launch your website into another wonderful realm.

We hope these Divi font combinations shared above helps inspire your Divi project. Good luck!

Related Posts

How to Autoplay Video in Divi?

How to Autoplay Video in Divi?

An autoplay video can be proven worthy enough to grab visitor's attention while they browse a website. So, placing a video in divi with autoplay & mute features can enhance your brand awareness tremendously among visitors. Since the divi theme has no module for...

Divi Module: Introducing Divi Before and After Image Slider

Divi Module: Introducing Divi Before and After Image Slider

Compare your images side by side on your Divi website is easier than ever! Using the Divi Before and After Image Slider will be a practical and effortless way to show two images in before after variation.  Hence, Divi doesn't come along with a before after slider...

Divi Module: Introducing New Divi Table Modules for Divi Theme

Divi Module: Introducing New Divi Table Modules for Divi Theme

Making your Divi website gripping and compelling is easier than ever! All you have to do is add some divi tables and the details you want users to focus on. It will make content easy to read and meet the intent of users. Whether you're sharing key data, comparing...

Saddam Sifat

Saddam Sifat

Saddam is a marketer & writer with an enthusiasm to learn new things. Currently working in Echoasoft limited. You can find him on Twitter @saddamsifat. Love to write on Online Marketing, WordPress, DIVI and Big fan of OneRepublic.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

DiviFlash offers unique and awesome Divi modules or Divi plugins.

Download Now and Start building great designs!

We offer a 14 Day Money Back Guarantee, so joining is Risk-Free!