Divi custom fonts and how to use them
Adding custom fonts in Divi should be a simple excercise but sometimes it isn’t. These restrictions are in place in Wordpress and are there to prevent accidental security issues.
The solution I found that works best is a free plugin called WP Extra File Types
Simply add the plugin and tick the extension you need in the settings.
I also had to tick the top note that said ‘to be used only if you are unable to upload files you have enabled by selecting their type’.
We used a divi custom font on the following sites:
Inclusion of WOFF2 files instead of Divi font sets
Our developers have been investigating some of the issues that come about regarding the bloated inclusion of the standard Divi font set.
This can impact site performance and so we have been trialling the use of Woff2 files. They are a form of compressed file type that reduces the load time of a website.
We have been finding this improves performance.
When building a website with the Divi theme, using WOFF2 font files improves performance and efficiency. WOFF2 (Web Open Font Format 2) is designed specifically for the web, offering better compression and faster loading times than older formats like TTF or OTF.
Its smaller file size helps reduce bandwidth usage and speeds up page loading. Faster-loading pages improve the user experience and positively affect Core Web Vitals, which play a key role in SEO rankings. In addition, WOFF2 fonts are supported by all modern browsers, ensuring consistent and reliable typography across various devices and platforms.
By uploading WOFF2 fonts directly through Divi’s Theme Options or by using Custom CSS, you can achieve beautiful typography without slowing down your website. With this combination of style and speed, WOFF2 fonts help keep your site visually appealing while enhancing its overall performance and search engine visibility.