Divi Fonts List- Guide and Preview

Divi Fonts

Elegant Themes provide a Divi builder that enhances the layout of your website. For a better user experience, there are over 900 best Divi fonts, and you can upload your custom fonts if you need anything that isn’t available in the default fonts. In addition, elegant Themes launched a Divi update in October 2017 that updated several new fonts and fonts features. 

Divi version 3.0.83 gives us a brand fresh font interface with 600 new fonts, custom font uploading, improved font management, fine-tuned heading style management, new font styles, heading level selection, and better font-weight controls, and dozens of new design options for the text module.

In this article, we will discuss how to add Davi fonts in a specific blog post, change the typography to set the tone for every page of your website, and what fonts does Divi uses. We’ll give you an idea of how to configure them with simple and easy steps. So let’s start!

What is the default Divi font?

The default font in Divi is Open Sans, described as a humanist sans serif typeface designed by Steve Matteson and viewed on the Google Fonts page.

Default Divi font

Unless you adjust the Divi typography settings in the Theme Customizer, Open Sans is the default font for all Divi header and body text. Choose these different built-in fonts for testing which ones work best for your theme.

How many fonts are there in Divi?

The elegant theme Divi builder has over 900 different fonts that are the same 900+ fonts available in the Google Fonts library.

So when Google fonts are adding new fonts to the Library, then Google Fonts will instantly appear in the Divi Builder. If this isn’t enough font choices for you.

Then you can also upload your Divi custom fonts, giving you access to upload an unlimited number of fonts in your Divi builder.

How do I preview Divi fonts?

You can see a live preview of all Divi fonts by visiting the official Google Fonts website or using the Divi Builder font drop-down lists.

In addition, the best Divi fonts preview will appear in any module with text options when using the Divi builder.

To see font previews, go to the Design tab and select the Text or Heading Text sections.

You’ll then see a drop-down menu with all 900 font possibilities for Text Font or Heading Font. 

The live preview will load as you hover over each font in the drop-down list.

However, because this preview is small and difficult to read, you may browse fonts on the Google Fonts website for a better view.

Google Fonts website WordPress

How do I change the font on Divi? (Default) 

To change the default font in Divi, you have to log in to the WordPress admin dashboard, navigate the Appearance, and click on Customize.

default font in Divi

Once you click on the customize, it will redirect to the new page and on the left sidebar, click on the General Settings >Typography.

Typography Divi WordPress

Now, Typography settings have several options to modify the text style, and you can choose different fonts for the Header and Body section.

Typography Divi body text

Next, click on each drop-down list and select the fonts that you want to deploy. Finally, click on the Publish button.

You can also change the overall body text size, header text size, body line-height, header font style, header line-height, header letter spacing, header text color, body text color, and body link color in the Typography settings tab of the Theme Customizer.

How to upload a custom font in Divi?

If Divi doesn’t offer the font you need, you can use the Divi Builder to create custom fonts. TTF (TrueType Font) and OTF (OpenType Font) files are supported font file formats. You’ll need to follow the procedures below to upload and add your custom font to the font list.

Divi Custom Font Uploading Procedure:

  • First, open any post in the Divi builder that you want to change the text module style and click on its Settings.
  • Once you click on it, navigate to the design and click on the Text or Heading Text sections.

Heading Text sections divi

After selecting any sections that appear in the drop-down menu, click on the Text Font list. Now you can click on the Upload button.

the default Divi font

Then, you can provide your font name, choose the font file from the drive, and click on the Update button.

How to change Divi fonts for a specific post? 

It’s the slightly different procedure that we already explained. All you need is to open any post in Divi builder that you want to change the text style and click on its SettingsNavigate to the design and click on the Text or Heading > Text Font list. 

Divi fonts for a specific post

Then Choose any font you desire to change or search any font name at the top of the drop-down menu. After selecting the font, click on the Save button.

How to decide the best header and body fonts?

You can define default fonts for both your header and body in your Theme Customizer and the pairing of these two fonts is known as font-pairing. Choosing one font is difficult enough, but selecting a complementary font is even more difficult.

Fortunately, there are a few excellent resources available to assist people. Each of the Google fonts featured in the official repository has its own dedicated page. Unfortunately, it isn’t easy to choose the fonts from hundreds of thousands of fonts.

So we will provide a few tips that you need to keep in mind while selecting the fonts.

What to Look For in Fonts

Before selecting the font for your website, quickly overview these tips that might be helpful. Graphic designers spend years learning the art of font selection, but with a few guidelines in mind, you can choose a beautiful font for your website.

Fit for Purpose: This could be the most important factor. The best websites use a font that reflects their individuality while remaining readable and complementary to the overall design. For example, Apple and Iron Maiden use very different fonts, but they both work for their brands.

Readability: It is the next most significant principle to consider. Even if a zany fantasy or grungy font fits your brand, if your visitors can’t read it, they’ll go immediately. So, as a result, your fonts need to be professional and readable.

Font Classification: While there are hundreds of ways to categorize a font, the five most common varieties are script, sans-serif, serif, ornamental, and monospace. Monospaced typefaces are popular on tech sites, while serif or script fonts express elegance. Knowing how to classify things will help you get a better start on your search.

Body Font: Display fonts or body fonts are used for large font sizes, headers, and print projects. For the sake of unique design, they may provide less readability that will harm your site visitors. The key goal of body typefaces or fonts is readability, as they’ll make up the impression of your site.

What are the best fonts for Divi?

The best Divi fonts are a matter of preference, but you can see the most popular fonts by looking at the Google fonts analytics page.

This site provides all Google fonts, categorized by how many people use them, and allows you to choose between statistics from the previous year.

When you’re having difficulties choosing between so many options, this sorted list is a great method to narrow down which font is best for your website.

Choose from popular typefaces, so you can be sure you’ll be using a good one if you choose one from the top of this list.

But keep the above-mentioned tips in your mind while selecting the fonts.

What fonts does Divi use?

Open Sans, the default font in Divi, is a “humanist sans serif typeface designed by Steve Matteson” that may be previewed on the Google Fonts website.

Unless you adjust the typography settings in the Theme Customizer, Open Sans is the default font for all Divi header and body text.

Divi Fonts List that Google Recommend (2021)

Font familyDesigners
Roboto Christian Robertson
Open SansSteve Matteson
Lato Łukasz Dziedzic
Montserrat Julieta Ulanovsky, Sol Matas, Juan Pablo del Peral and Jacques Le Bailly
OswaldVernon Adams, Kalapi Gajjar and Cyreal
Roboto CondensedChristian Robertson
Source Sans ProPaul D. Hunt
Slabo 27px John Hudson
Noto Sans JPGoogle
RalewayMatt McInerney, Pablo Impallari and Rodrigo Fuenzalida


Leave a Comment

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

Related Posts

Regex is a useful string of characters that defines a search pattern. In the security world, regular
When developing an application or any other software, the security of the finalized product is one of
Sometimes the development teams employ unconventional practices to fix bugs or add new features without realizing the
Scroll to Top