How to add custom fonts to Elementor

How to add fonts to Elementor

Content

If you’ve been looking to upload and install your own fonts in Elementor, then this article is for you!

In terms of design, fonts play a very important role for any website. A correctly chosen font eventually represents the company or brand.

Elementor is one of the most popular builders for creating websites on WordPress and has advanced capabilities, including the ability to add your own fonts. Additionally, Elementor has its own font library based on Google Fonts.

Installing new fonts in Elementor

The “Custom Fonts” feature is only available in the Elementor Pro version. If you have already created your own font or a designer has provided you with one, first make sure that the format is supported by the Elementor plugin.

Supported formats: WOFF, WOFF2, TTF, SVG, EOT

Once you’ve decided on the format, it’s time to upload the font to Elementor. Go to the WordPress admin panel and find the section “Elementor > Custom Fonts“. On this page, click the “Add” button.

Elementor custom fonts

The next step requires you to come up with a name for your new fonts so that you can later find the new fonts in the library. Then, click on the “Add Font Variant” button.

Elementor adding fonts

On the top panel, select the weight and style of the font, then below, upload the new font in the required format and click “Upload“.

Elementor font installation

If you need to upload several variants, repeat the same steps. Once everything is ready, don’t forget to click “Publish” to make your font available in the Elementor library.

As you can see, the process of adding fonts is not complicated, but not all users can quickly figure out all the nuances and intricacies of Elementor. Therefore, if you have questions on this topic or others, write in the comments or to me personally, I will be happy to help!

New articles in the blog