12 Stunning Divi Font Combinations For Your Inspiration

Your brand voice is strong on your website. As the marketing tool that is ‘always on’, it can speak for you and convey the tone of your business, through its language, colours and the typefaces used for headlines and body text.

If you are still contemplating your brand, this article may be helpful in learning how colours communicate.
How To Choose Colors and Fonts That Fit Your Brand

You will want your website to complement and echo your branding, speaking a consistent language and tone across all your media.

We all are familiar with the way type can communicate an emphasis, mood or tone. Pupcat is playful and casual, Copperplate evokes strength, Optima is clean and authoritative. They way you combine headline and body fonts on your website can assist in delivering your brand messaging and voice to your visitor.

The AIGA style rules for using font combinations are:

  • a maximum of three fonts is allowed,
  • the combination of fonts should not be such a drastic difference that it distracts from the message, and
  • if you have a lot of text, your viewers will appreciate your use of a serif font (such as Times) as opposed to a sans-serif font (such as Verdana), because it is less of a strain to read text that has ‘feet’ to support the letters and is easier on the eyes.

The Divi theme contains many pre-loaded fonts that can be used for headlines and body text on your Divi website. Let’s take a look at some combinations:

1

Montserrat & Roboto

Monserrat and Roboto

Monserrat typeface is versatile because it is sturdy, but not too strong. Although it is a sans-serif font, it appears to have structure that makes it easy to read. With Montserrat as a headline font, using Roboto as a body font echoes the headline without being too distracting.

2

Montserrat and Crimson Text

Monserrat and Crimson Text

Combining Monserrat with Crimson Text sets a nice contrast between strong sans serif and a lighter serif font.

3

Montserrat and Vollkorn

Monserrat and Vollkorn

Using Vollkorn as a body font supports the Montserrat heading font, and has tighter kerning (letters close together) and a taller x-height (height from baseline). You may want to adjust the line height (space between lines of text) to let the paragraphs breathe a little.

4

Playfair Display and Open Sans

Playfair Display and Open Sans

This font combination is a playful contrast of sans serif and a serif font. Experiment with switching headline and body text, and find the combination that speaks for your brand.

5

Lato and Lora

Playfair Display and Open Sans

Another nice contrast of serif and sans. This set would benefit from an exaggerated treatment of the header (very large) with the sub-header or body font at regular or medium size.

6

Nunito and Lora

Nunito and Lora

Nunito has a rounded look and contrasts in weight (how semi-bold or light the letters appear) with the lighter weight and prominent serif of Lora.

7

Source Sans Pro & Times New Roman

Source Sans Pro and Times New Roman

A modern sans serif and more traditional font, this combination allows you to reach toward modern while retaining the reading comfort of Times.

8

PT Serif and PT Sans

PT Serif and PT Sans

A nice combination of sans serif and serif within the same family.

9

Lora and Source Sans Pro

Lora and Source Sans Pro
10

Tangerine and Josefin Slab

Tangerine and Josefin Slab

The serif body font Josefin Slab provides a light but solid base for the more fluid headline, Tangerine.

11

Raleway and Raleway Light

Raleway and Raleway Light

A nice family combination of a headline and body font in one style, echoing one another and presenting a unified voice.

12

Merriweather and Judson

Merriweather and Judson

In normal use, one would not combine two serifed fonts, but the chunkiness and gravity of Merriweather in the headlines and navigation perfectly complements the more traditional but lighter weight Judson in the body and small caps menu text.

Divi provides many popular typefaces to assist you in making your website communicate. Don’t be afraid to experiment with the size, italics and colours of your typeface to complement your logo and website layout.

Divi has some excellent font combinations packaged for your use, to download and use right away. Check them out at:
Free Divi Font Combination Layout Pack: 1 Beautiful Layout Design, 10 Ideal Font Pairings

Tari Donohue

Tari Donohue

Grace Studio

Premium WordPress Divi Child Theme for real estate professionals, experts and agencies. Get 15% discount with coupon code ESTATE15

Learn More

4 Comments

  1. Will

    Thanks for that article! Very interesting and I’ll be bookmarking.

    Reply
  2. Jan

    Great article!! Tnx!!
    Question: How did you made the awesome fullwidth action of the Divi Estate 1.2 is here section? Would love to know this 🙂

    Reply

Submit a Comment

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

Shares

Pin It on Pinterest

Share This
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL1N6X0ZpNGh6bFdvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL0l4NDZjTmNPMFlvP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Are You Ready To Succeed?
If you have any questions or would like to find out more about our services please fill out this form and we will get back to you as soon as possible.
Your Information will never be shared with any third party.
Get in touch
We are ready to talk about your project. Please leave your message and we will get back to you shortly.
Your Information will never be shared with any third party.
Write a review
We would love to hear your feedback. Please take a moment and fill out this form.
Your Information will never be shared with any third party.
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL2ZrcURZbVRZVVowP2F1dG9wbGF5PTEmc2hvd2luZm89MCZ2cT1oZDcyMCZjb250cm9scz0wIiBmcmFtZWJvcmRlcj0iMCIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==
Your Information will never be shared with any third party.
Thank you!
Your email has been added successfully.
FOLLOW US
Server settings:
Requirements
  • PHP 5.6 or later
  • upload_max_filesize (256M)
  • max_input_time (300)
  • memory_limit (256M)
  • max_execution_time (300)
  • post_max_size (512M)
PHP.ini Settings:
  • php-xml or/and php-dom
  • XMLReader
  • PHP CURL module
PHP Modules:
  • allow_url_fopen
  • allow_url_include
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own or as a part of a project. Distribution of source files is not permitted.
Extended license
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resale “as is”. It is allowed to distribute/sublicense the source files as a part of a larger project.
Regular license
License details
Subscribe Now
Join our mailing list to receive the latest news directly to your inbox.
    
DiviEstate
Premium WordPress Divi Child Theme for real estate professionals, experts & agencies.
Testimonial Slider
Testimonial Slider is a highly customizable Divi Plugin that will help you add a slider of various testimonials received from customers, partners or valuable users.
Bruno
Premium Divi Child Theme
BRUNO is perfect for various business domains such as web design, online courses, coaching, agency, finance and many more.
Adventure: A Free Divi Layout