How to Add Your Own Fonts to Elementor

Check Out More At: Elementor

Software: Elementor | Affiliate Program

How to Add Your Own Fonts to Elementor


Elementor is an amazing website builder plugin for WordPress. Elementor makes it easy to create beautiful and high converting websites yourself without having to learn code.

  • 100% Flexible
  • No Coding Necessary
  • Thousands of Pre-Built Templates
  • Wordpress Only
We earn a commission if you make a purchase, at no additional cost to you.

How to Add Your Own Fonts to Elementor

Adding fonts to Elementor is easy and can help you create unique designs for your website. Here are the steps you need to take to get started:

1. Download a font file (TTF or OTF) from a free online source like Google Fonts, Font Squirrel, Adobe Fonts, etc.

2. Upload the font file to your WordPress media library.

3. Copy and Paste the URL of the font into Elementor > Settings > Typography > Custom Fonts field.

4. Click the “Add New Font” button and enter a name for your font in the “Font Name” field.

5. Click the “Save Settings” button to save your changes.

Your custom font is now ready for use in Elementor!

To apply it to text elements, simply select the font from the drop-down menu in the typography settings of any element you want to style with this font.

You can also add a custom font to your entire site by adding it to the Global Typography section of Elementor’s Theme Style panel.

Once you click “Save Settings,” your new font will be applied to all text elements throughout your site!

Elementor is a popular WordPress page builder. One of its advantages is that it allows you to use your own fonts, which can be a great way to make your site more unique.

Adding your own fonts to Elementor is relatively easy. First, you need to find the font you want to use. There are a few ways to do this. You can use a free online resource like Google Fonts, or you can buy a font from a site like

Once you’ve found the font you want to use, you need to download it. Most fonts come in a .zip file, so you’ll need to unzip it.

Once the font is unzipped, you need to upload it to your WordPress site. The easiest way to do this is to use the FTP program FileZilla. Once you’ve connected to your site via FTP, simply drag and drop the font file into the WordPress directory.

Once the font is uploaded, you need to activate it. To do this, go to your WordPress dashboard and navigate to the “Appearance” section. Then, click on the “Editor” link.

In the editor, you need to find the stylesheet for your theme. This is usually labelled as “style.css” or “styles.css.” Once you’ve found it, scroll down to the “Typography” section and look for the “font-family” property.

Replace the existing font-family property with the new font you’ve just uploaded. For example, if you’ve uploaded the “Open Sans” font, your CSS would look like this:

font-family: “Open Sans”, sans-serif;

Once you’ve added the new font-family property, save your changes and you’re done! Your new font will now be available in the Elementor editor.

Similar Posts