Your Dedicated Partner for All Things WordPress

How to Use Custom Fonts in Elementor

Table of Contents

Did you know that custom fonts can make a huge difference in the overall look and feel of your website? And, with Elementor, it’s super easy to use custom fonts that aren’t part of the standard font library. In this beginner’s guide, we’ll show you how you can use custom fonts in Elementor to create a unique and cohesive look for your website.

Get Your Custom Fonts Ready

Before you can use custom fonts in Elementor, you’ll need to have them ready. You can either choose to download free fonts from websites like Google Fonts, or purchase premium fonts from websites like Creative Market or MyFonts. Once you’ve got your fonts ready, make sure to download them in the correct file format (usually TTF or OTF).

Upload Custom Fonts to Elementor

To upload your custom fonts to Elementor, go to the WordPress dashboard and navigate to “Elementor” → “Custom Fonts.” Here, you’ll see an option to “Add New.” Click on it and a popup window will appear. From here, you can give your font a name and upload the TTF or OTF file. Once you’ve done this, click “Add Font.”

Use Custom Fonts in Elementor

Now that you’ve uploaded your custom fonts to Elementor, it’s time to use them. To do this, simply navigate to the Elementor editor and click on the text widget you want to add custom fonts to. In the text options, you’ll see a drop-down menu under “Typography.” Click on this and you’ll see a list of all the available fonts, including your custom fonts.

Apply Custom Fonts to Your Website

To apply your custom fonts to your website, you’ll need to apply them throughout your website. This includes all headings, subheadings, body text, and any other text on your website. To do this, simply apply your custom fonts to all the relevant text widgets in Elementor.

Make Sure Your Custom Fonts Are Legible

While custom fonts can add a unique touch to your website, it’s important to make sure they are legible. This means choosing a font that is easy to read, even at smaller sizes. It’s also important to ensure there is enough contrast between your font and the background color it’s placed on.


Using custom fonts in Elementor can be a great way to make your website stand out and add a unique touch. By following the steps outlined in this beginner’s guide, you can easily upload and use your own custom fonts in Elementor. Just remember to choose a font that is legible and easy to read, and to apply it consistently throughout your website. With the right custom fonts, you can take your website to the next level and create a cohesive and professional look.

How to get started?

Learn more

Elementor Developers

Hire a flexible remote work force and undivided attention.

Get Started

Coupon Code Applied!

Take your time and continue browsing our services.

Alexey Seryapin
Founder of WPServices