If you’re building your website with Divi and want to use your own custom divi fonts, you’re in luck — Divi makes it super easy! Whether you’re going for a more professional look or want your site to match your brand exactly, uploading a custom font can make your design feel more personal and polished.
Why Use Custom Fonts?
While Divi already comes with a large collection of Google Fonts, sometimes you need something more unique. Maybe your brand uses a specific font, or maybe you just want to try something different that makes your site stand out. Custom fonts give you more freedom to design the way you want.
What You’ll Need
Before you start, make sure you have the font file ready. The most common file types are:
-
.ttf(TrueType Font) -
.woff(Web Open Font Format) -
.otf(OpenType Font)
Try to keep the file size below 2MB for faster loading.
How to Upload a Custom Font in Divi
Step 1: Go to Theme Options
From your WordPress dashboard, go to Divi > Theme Options. Then, click on the Builder tab, and select Advanced.
Step 2: Upload the Font
You’ll see a section labeled Custom Fonts. Click the Upload button, select your font file from your computer, and give it a name. Once uploaded, Divi will automatically add it to your font list.
Step 3: Use Your New Font in the Divi Builder
Now, go to any page and open the Divi Builder. When editing a text or heading module, go to the Design tab, open Text settings, and look for your custom font in the dropdown list. Simply select it, and you’re done!
Extra Tips
-
Mobile Preview: After applying your font, check how it looks on mobile and tablet views to make sure it’s readable.
-
Performance: Avoid using too many custom fonts. Stick to one or two to keep your site fast.
-
Fallback Fonts: It’s a good idea to set a fallback font (like Arial or Helvetica) in case your custom font doesn’t load for some users.
Final Thoughts
Using custom fonts in Divi is a great way to make your website look unique and on-brand. It only takes a few minutes to upload, and the results can really improve your site’s style and user experience.
Want to see each step with visuals?
👉 Check out the full guide here
