How to Change the Default Font in Elementor

Updated: May 1, 2022

Some people might not realize that we can create a mood and atmosphere as simple as from a font we choose on a website. Fonts also can give visual clues about the order in which content should be read and which parts are more important than others. That’s why we need to be concerned and give more attention to the font details, such as font family, size, weight, etc.

This article will show you how to change the default font in Elementor for the Heading widget and Text Editor widget. Setting a default font is a smart way. It will maintain your consistency and make your editing faster.

How to Change Default Font of Elementor’s Heading Widget

First, on your WordPress Dashboard, go to the Elementor settings page by clicking on Elementor -> Settings. Next, disable the default colors and fonts by giving a check (☑️) on the box of Disable Default Colors and Disable Default Fonts. You are disabling them to ensure that all changes you will make affect the relevant Elementor elements. Which, in this case Heading and Text Editor widget. Click the Save Changes button to apply the changes.

Next, go to your Elementor editor; you can create a new page or open your existing page. On the Elementor panel, click the hamburger menu, then click Site Settings.

Once you click the Site Settings button, you will see that the settings header turns to blue. It indicates that you’re editing globally throughout the web, not only on a page. Under the THEME STYLE, you will see some HTML elements that you can set. Such as Typography, Buttons, Images, and Form Fields. THEME STYLE allows you to take over the DESIGN SYSTEM (global colors and global fonts, patterns), which means no matter the theme you use, you can set a fallback style for HTML elements inside. Click the Typography button; this brings you to plenty of Typography settings. Scroll down, and you will see the settings of the font heading.

You can set six heading levels: H1, H2, H3, H4, H5, and H6. You can edit the font Color and Typography at your preference.

Once you are done with your setting of font heading, don’t forget to click the UPDATE button to save and update the changes you’ve just made. Close the Site Settings panel, and you can check the changes by addind the Heading widget.

How to Change Default Font in Elementor’s Text Editor Widget

Go to your Elementor editor; you can create a new page or open your existing page. On the Elementor panel, click the hamburger menu, then click the Site Settings button.

Once you click the Site Settings button, you will see that the header is blue. It indicates that you’re editing globally throughout the web, not only on a page. Click the Typography button.

You will see the Body settings. Edit the settings; it will inherit to the Text Editor widget. You can set three settings: Text Color, Typography, and Paragraph Spacing. Play around with those settings and find the best font preset for your Text Editor widget.

D

Once you have finished editing, don’t forget to click the UPDATE button to save and update the changes you’ve just made. Close the Site Settings panel, and your Text Editor fonts are updated.

The Bottom Line

This article shows you how to easily change the default font in Elementor’s Heading and Text Editor widget. Experiment with all the customization, and enjoy the creative process of making your website more engaging for your visitors because the font is one of the communication mediums between you and your web visitors.

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

Leave a Reply

Your email address will not be published.

Pin It on Pinterest

Thanks for commenting

Help us grow by sharing this post with your friends!

Scroll to Top

It's a minute already. Thanks for staying

Subscribe to get regular articles about page builder plugins and WordPress in general