How to Install Custom Fonts on WordPress
I’m a huge Divi advocate! I only design and build websites on Divi because it’s much easier for my clients to take control of their website after it’s launched.
Divi comes with a bunch of preinstalled fonts but most companies have one or two distinct fonts that Divi doesn’t offer as an option. If your website is built on Divi or if you’re building a website for a client on Divi, this blog post will walk you through how to add custom fonts so your website can be branded properly (it’s so easy!).
Install Custom Fonts on Divi
1. Add a text module to a new page
2. Click on Design and click Text
3. Click the dropdown below Text Font and a new popup will appear
4. Click the Upload button
5. Click Choose Font Files
6. Locate and select your .otf or .ttf file (it CANNOT be in a zip file so I recommend dragging the .otf or .ttf file to your desktop)
7. Give your font a name (this name is what you will need to remember when you change the font of a single word or phrase within a paragraph)
8. Click the blue Upload button
You should now see a couple of things. The text within your module has changed to your custom font and the font name appears as the selected font under Text Font.
If you click the dropdown under Text Font again, you will see your new custom font located under the Custom Fonts section. You’ll now be able to use this font for your body paragraphs and your headers.
That’s it, seriously!
You might also like…
- Why You Need to Design Your Website Using Consumer Psychology
- Call to Actions [Best Practices and How Your Copy Affects Click Through Rate]
GRAB YOUR FREEBIE!
*I promise to never spam you or share your email address with anyone else!