How to view and edit global fonts in Elementor

Using global fonts and colors is a crucial strategy in website design that not only enhances the overall visual experience, but also effectively reinforces the brand image. In this article, we'll explain in detail why you should use global fonts and colors, and let's take a look at how to make the relevant settings in Elementor.

I. Why use global fonts and colors?

1. Maintaining Website Consistency Keeping fonts and colors consistent across different pages or sections of your website helps create a professional, coherent visual experience. If fonts and colors are inconsistent from section to section, users may feel confused, which in turn affects user experience and retention.
2. Enhanced brand awareness Using consistent brand colors and fonts reinforces the brand image. Users are more likely to associate with the brand when they see consistent design elements across pages. This brand recognition helps build customer trust, which increases brand impact and sales conversion.
3. Improve design efficiency In the process of website design, frequent manual changes to fonts and colors are not only time-consuming, but may also increase the chance of errors. The use of global settings can greatly simplify the workflow, designers only need to set the global fonts and colors, after all the pages will automatically apply these styles.

Access to the site's global fonts

To view the global fonts of the site::

1. In the Elementor editor, go to the"Site Settings"The Site Settings panel will open. "The Site Settings panel opens.

2. Click"Global font". A global list of fonts appears. The canvas displays different types of fonts. 

take note of: To see a preview of the fonts in the canvas, plugin users need to select the font from the WordPress DashboardActivate preview functionThe

Edit the global fonts of the website

To edit the global font::

1. In "Customize Fonts"Next, hover the mouse over the"EditingIcons.

• To delete a global font, click the delete icon. It is not possible to delete any system fonts.
• To reorder the global fonts, click the arrow icon .
• To change the font layout, clickcompilerIcons .

2. Click"Save changes"The

To change the name of the global font::

1. click the name of the global font.

2. Enter the name of the new global font to be added.

Add new global fonts

1. Click"Add Style".The New Item box will appear.

2. Enter a name for the new font.

The Importance of Global Color Settings

In addition to global fonts, it's important to maintain color consistency. A consistent color scheme helps boost visual appeal while reinforcing your brand's color identity. In Elementor, it's easy to set up your website'sGlobal colors, including text color, background color, link coloretc.

With global color settings, once the primary and secondary colors of the site are determined, all pages will follow these color settings, thus ensuring a consistent design style and reducing visual conflicts between page elements.

reach a verdict

The use of global fonts and colors in website design not only enhances the user experience, but also effectively strengthens brand recognition and design efficiency. With global fonts and colors, it is recommended that these settings be made in the early stages of website construction to ensure overall style consistency and efficient management.