How to Enable Uploading Woff, Woff2, and SVG Font Files (Divi)

How to Enable Uploading Woff, Woff2, and SVG Font Files in Divi

Adding font files in Divi allows you to further customize your website design using custom fonts. These files typically include Woff, Woff2, and SVG font types. If you wish to add these fonts to your site using the Divi theme, there are specific steps you need to follow. Below is an explanation of how to enable uploading these files correctly.

Steps to Enable Uploading Woff, Woff2, and SVG Font Files

To upload font files such as Woff, Woff2, and SVG in the Divi theme, you need to follow these steps:

1. Access Divi Theme Settings

First, you need to log into your WordPress dashboard. Then, go to the Divi settings in the sidebar menu.

2. Add Font Files via Folders

Within the Divi settings, you can add font files through designated folders. You can upload your font files via the WordPress file manager or use FTP to upload the files to a specific folder on your site.

3. Modify CSS Files to Enable Fonts

After uploading the files, you will need to add the appropriate code to the CSS file in Divi to enable these fonts. Make sure to use the correct code to define the font files and specify them for use in different elements of the site.

Testing the Added Fonts

After enabling the upload of Woff, Woff2, and SVG fonts, you can test them on the site. Ensure that the fonts are working correctly by reviewing your site in different browsers to confirm that the files have been uploaded properly.

Notes

Make sure that the file sizes do not exceed the limits set by your hosting settings. Also, some font support may vary by browser, so it's best to test the site on various systems.