How to Add a Custom Font to Divi Theme

by Last Updated: Oct 7, 2023Blog, Divi theme

In today’s article I’m going to share with you a quick Divi tip that I’m sure many of you don’t know about. The tip is that you can add and use a custom font with the Divi theme. You are not limited to using just the default Divi fonts, even if Divi already comes packed with 800 default fonts.

So if you need to use a font that is not included in Divi, read on this post. I will explain in it how to do it.

You can upload a custom font file in the design settings of a Divi text module. Just click on the “Upload” button in the “Text Font:” option.

 

Add Custom Font to Divi

 

Then enter the name for your font and upload the file (supported file formats are: .OTF, .TTF, .EOT, .WOFF, WOFF2).

 

Add Custom Font to Divi - Upload

 

You will also have the option to choose font weights, but I recommend keeping this ticked as “All”. And that’s it. Now you can use your new font.

I would also like to mention my favorite websites that I use on which you can download free fonts:

FontSquirrel.com
UrbanFonts.com
Dafont.com

Note: If you are getting an error saying that this file type is not permitted for security reasons, just add the following line of code at the end of the wp-config.php file on your WordPress installation and try again:

 

define('ALLOW_UNFILTERED_UPLOADS', true);

 

This is due to WordPress blocking specific file types from being uploaded. Also, you may check these links:
https://intercom.help/elegantthemes/en/articles/2825340-i-can-t-upload-woff-eot-svg-font-files-in-divi
https://intercom.help/elegantthemes/en/articles/2844583-sorry-this-file-type-is-not-permitted-for-security-reasons

Finally, I’d like to say that it is possible to use a custom font with Divi by a different way as well. For example, using a plugin like Use Any Font or using Google Fonts. However, I prefer to do it the way that I explained above, as I try to keep the number of plugins on my WordPress installations to the minimum (more plugins can cause more troubles).

I hope you will find this small tip useful.

PS: For more Divi tips like this one, feel free to subscribe to my newsletter.

5 Free WordPress Plugins You Should Use

Banner Blue Biz Child Theme

Andrej

Author: Andrej

WordPress expert. Divi user since 2014. I blog about WordPress and Divi, my favorite WordPress theme. When I’m not working with WordPress or writing an article for this blog, I’m probably learning Italian. You can read more about me here.