How to Install New Fonts in Elementor

Updated: October 24, 2019

The use of a font is crucial enough in the context of design, including web design. A font can represent your brand. That is why Coca Cola never changed the base of its font on its logo. Elementor allows you to use your own font although the page builder itself already provides a bunch of font families.

Elementor offers you about 800 different fonts you can choose from. Also, you can integrate Elementor with TypeKit to give you more font options. As a professional designer, you might want to use a completely different font by creating one yourself. Follow the steps below to install a new font in Elementor.

Note: Custom Fonts feature is only available on Elementor Pro.

Step one: Prepare your font

Before installing a new font on Elementor, you definitely need to prepare your font first. If you want to create a new font, that’s great. There are also some websites you can rely on to download new fonts. Elementor itself supports the following font formats:

  • WOFF
  • WOFF2
  • TTF
  • SVG
  • EOT

Step two: Upload your font

Once you are done creating your new font, login to your WordPress dashboard and go to Elementor -> Custom Fonts.

On the Custom Fonts page, click the Add New button.

Give your new font a name and click the ADD FONT VARIATION button to select the font file from your computer. Click the UPLOAD button on the font format option to select a font from your computer.

Some fonts use different files for different styles (i.e bold, italic, and regular). If your font uses different files as well, make sure to upload all of the files. You can repeat the steps above (starting from clicking the ADD FONT VARIATION button) to upload other font files. Click the Publish button on the upper-right corner to make your new font available on the typography settings in Elementor.

Elementor places the custom fonts on the top section on the typography control.

This page may contain affiliate links, which help support WP Pagebuilders. Learn more

Leave a Comment

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Join 500+ WordPress users receiving tips and insights on creating on WordPress with Elementor.

Hello.

How long have you been using WordPress? If you are an old WordPress user, then you have been a witness how WordPress has evolved massively. It has gone from a merely blogging tool into a comprehensive website builder. You can now use WordPress to create any type of website. From e-commerce website, LMS, listing website, membership website, to social media website.

Do you know what’s more interesting?

You can create your website with WordPress without touching a single line of code. At WP Pagebuilders, we write a lot about how to get the most out of WordPress in the no-code era. Subscribe and be first to know our newest content.