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 , you have hundreds of font options to choose from thanks to the integration with Google Fonts. However, you might prefer to use a font you created yourself or the one you downloaded from Adobe Fonts.
Divi 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, 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 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.
The Bottom Line
As mentioned, Divi 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 editor, 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.
