Skip to main content

How to Upload Custom Fonts using the Divi Font Upload Feature

Learn how to prepare your font files, upload them to Divi, and apply them to your Divi modules.

Updated this week

Enhancing your website's typography with custom fonts can significantly improve its visual appeal and branding. Divi's Font Upload feature makes adding and using custom fonts easy, allowing you to create a unique and professional look for your site.

In this article, we will guide you through the process of uploading custom fonts using the Divi Font Upload feature.

  1. Open the settings of any text-based module

  2. Go to the Design Tab → Text → Text Font and expand the list

  3. Click on the Upload button

  4. Give your custom fonts a name

  5. Click on the Choose Font File button

  6. Choose your .ttf or .otf font file

  7. (optional) Choose the Support Font Weights for the custom font file you are uploading

    Divi 4 - Upload a custom font

Once the custom Font is uploaded, it will be available to be set globally in the Divi → Theme Customizer → General Settings → Typography.

In addition, you can also change the Global Font from any text-based module by using the Edit Global Fonts option.

  1. Open the settings of any text-based module

  2. Go to the Design Tab → Text → Text Font and expand the list

  3. Click on the Edit Global Fonts button

  4. Expand the Heading Font list and choose your custom font or any of the available Google Fonts.

  5. Click on the Save Button.

    Divi 4 - Change the Global Heading font

Notes:

  • The supported file formats are .ttf and .otf. Sometimes, you may see the following error message: Sorry, you are not allowed to upload this file type. This is due to WordPress, which forbids certain file types from being uploaded for security reasons. You can find a full list of permitted files here.

Did this answer your question?