How to Add Custom Fonts in Divi Builder

Updated: November 19, 2020

Selecting the proper font is one of the tricky tasks in web design since it can determine the overall result of your design. In Divi Builder, you have hundreds of font options to choose from since Divi Builder is integrated with Google Fonts, allowing you use to use a font from Google Fonts directly from the Divi Builder editor without needing to download and install it first. However, you might prefer to use a font you created yourself or the one you downloaded from Adobe Fonts.

Divi Builder allows you to add a new font. The font you want to add has to be in either a TTF or OTF format.

To add a new font in Divi Builder, you can edit a module that involves a font setting (the Text module is the easiest example). You can hover your mouse over a module and click the gear icon to open the popup of the settings window.

On the popup of the settings window, go to the Design tab and open the Text option. Select a font from the dropdown menu on the Text Font section. You will see an UPLOAD button. Click this button.

Click the CHOOSE FONT FILES button to select the font file you want to install. Give your font a name and click the UPLOAD button.

Your font might use different files for different styles. If you download a font from sites like Adobe Fonts or DaFont and get several TTF files after you extract the ZIP file, you need to upload all of the TFT files so that you can use the different styles (bold, italic) when using the font.

That’s it. You have successfully added your font to Divi Builder.

Final words

As mentioned, Divi Builder is integrated with Google Fonts by default. This integration allows you to select a font from the Google Fonts collection right from the Divi Builder editor without needing to download or install the font first. If you want to simplify the font options on your Divi Builder, you can disable this integration by going to Divi -> Theme Option. On the General tab, slide the button on the Use Google Fonts section to disable the integration.

This page may contain affiliate links, which help support WP Pagebuilders. Learn more

Leave a Comment

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Join 500+ WordPress users receiving tips and insights on creating on WordPress with Divi.

Hello.

How long have you been using WordPress? If you are an old WordPress user, then you have been a witness how WordPress has evolved massively. It has gone from a merely blogging tool into a comprehensive website builder. You can now use WordPress to create any type of website. From e-commerce website, LMS, listing website, membership website, to social media website.

Do you know what’s more interesting?

You can create your website with WordPress without touching a single line of code. At WP Pagebuilders, we write a lot about how to get the most out of WordPress in the no-code era. Subscribe and be first to know our newest content.