How to Change the Default Font in Elementor

Updated: September 6, 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.

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 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.