How To Add Custom Fonts To Your Divi Website

by | Jan 4, 2022 | Divi Tutorials

To add custom fonts to your Divi Website, you have to install a plugin called Enhanced Media Library, one of the most popular WordPress media library plugins available. This plugin makes it easy to categorize your media files. You have control over the image sizes and taxonomies. Create categories, tags and custom taxonomies or use third-party taxonomies. Filter library files, show information, create galleries and more. But we will use it to upload our font to Divi Website.

Installing the Enhanced Media Library

You have to install to Enhanced Media Library plugin to your Divi WordPress website of You can download it by clicking here. And activate it on your website.

Setuping the Plugin according to our requirements

We have to set up some settings in our plugin environment to upload our custom font. Go to Setting > MIME Types > Add new MIME type. Now add these details mentioned below in the image and save changes. There are two extensions for font .ttf and .otf you can fill in which your font is downloaded.

Uploading Our Custom Font

For this tutorial, we have to choose a font that is not present by default in Divi Builder. We are selecting the “Brusher” font to upload. For uploading the font, you have to navigate to Divi theme builder on any page of your website. Now add a text module and navigate to choose the font.

Opt for Text Font and then click on the Upload font. After it, you can name your font and choose your font file (not in zip format) and upload it. Remember that your file should be in ttf/otf format only. After choosing your file, you can upload it.
Cool !!! Our custom font gets uploaded successfully. So why do we use the Enhanced media library plugin? Because by default WordPress media library does not support uploading ttf/otf files, so we have to use that plugin to enhance the library to upload our font.

Now you can upload any font by using the method.

The Bottom Line

This is one of the easiest ways to do this. There are a lot of methods as well to do the same. If you face any problem with this, you can leave your question in the discussion or comment. We hope that you’ve enjoyed reading this tutorial and that it helped you shake up your Divi fonts use by introducing custom fonts.

We want to hear from you!

Have you used custom fonts on your Divi website? If so, which are your favourite fonts to use? Leave your comments below! Thanks for reading!

Latest Posts

The Hidden Role Of Dedicated Servers In Your Favorite Apps & Websites

The Hidden Role Of Dedicated Servers In Your Favorite Apps & Websites

Whether you are watching a video, shopping, or talking with friends on social media, there’s a powerful engine working behind the scenes that helps reach the content on your browsers via the internet. Most probably, it’s the strength of the dedicated servers (Windows...

Hosting-Specific Landing Pages: Do They Convert Better?

Hosting-Specific Landing Pages: Do They Convert Better?

The web hosting industry is extremely competitive. Whether it is shared low-price hosting, VPS, or dedicated servers, having the best infrastructure won't guarantee success. The business still needs to encourage visitors to sign up. One tool that can greatly enhance...

Hostinger vs Bluehost: Our Feedback after using for 6 months

Hostinger vs Bluehost: Our Feedback after using for 6 months

Bluehost and Hostinger entered the hosting industry around the same time—Bluehost in 2003 and Hostinger following closely in 2004. These two web hosting companies have evolved considerably over the last two decades. They provide easy usability, and offer free domain...

Step-by-Step Guide to Creating an ADA-Compliant WordPress Site

Step-by-Step Guide to Creating an ADA-Compliant WordPress Site

What is ADA Compliance & Why It Matters ADA-Compliant WordPress Site Imagine visiting a website and not being able to read the text or use the navigation menu. That’s what millions of people with disabilities experience every day. ADA compliance is about making...

Overview of the WordPress Interactivity API

Overview of the WordPress Interactivity API

The WordPress Interactivity API is a groundbreaking feature introduced in WordPress 6.5, designed to simplify and standardize the process of adding interactive elements to WordPress websites. This comprehensive guide will walk you through what the Interactivity API...

Power Of Gutenberg And Its Plug-ins For Enhanced Content Creation

Power Of Gutenberg And Its Plug-ins For Enhanced Content Creation

In the ever changing landscape of website development, there are several frameworks and runtime environments available for creating and testing websites. PHP, HTML, Node.js etc. WordPress is a popular CMS that has built an ecosystem around it to make web development...

How Do I Earn Money From Reseller Hosting? The Major Benefits

How Do I Earn Money From Reseller Hosting? The Major Benefits

Do you have the dream of building your own web hosting company? Of course, you might have. However, you may have concerns about building your web hosting company from scratch. Thus, reseller hosting services come into existence. In reseller hosting, you are able to...

Dedicated Hosting: The Key To Optimal Performance And Scalability

Dedicated Hosting: The Key To Optimal Performance And Scalability

In the web hosting world, dedicated hosting emerges as an alternative, offering customers an isolated, robust, and scalable hosting environment. As business owners and individuals are looking to enhance their online visibility and ensure the seamless working of their...

Contributor Day Registration For WordCamp Asia 2024

Contributor Day Registration For WordCamp Asia 2024

Greetings WordPress enthusiasts! As we gear up for the highly anticipated WordCamp Asia 2024, we are thrilled to share exciting news about a pivotal event that promises to elevate your WordPress experience – Contributor Day. Mark your calendars for March 7, 2024, at...

Our Founder Mayank is speaking at WordCamp Udaipur 2023

Our Founder Mayank is speaking at WordCamp Udaipur 2023

Who is Mayank? Mayank Kumar has been a WordPress enthusiast since he first used WordPress in 2020 when he was just 17 years old. Mayank is a 20-year-old Computer Science Geek who loves WordPress so much. He is been running a Web Agency and two Ed-tech...

Mayank is the Founder and CEO of Web Wallah. Mayank is a Computer Science Geek, deeply passionate about WordPress, actively contributing to the community, and believing in the potential of open-source tech to create a better world.

Latest Posts