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.
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.