Elementor

How to use your chosen fonts in the Elementor WordPress plugin.

In this guide we will refer to Elementor's global settings. To access those, edit a page, then click the 'Site Settings' icon.

Next, click the 'Typography' section under 'Theme Style'.

It's also possible to set fonts for individual text blocks, which we will also cover below.

Custom/Uploaded Fonts

First, follow the guide on uploading your custom fonts here.

Global Fonts in Elementor

When using the 'Typography' settings within Elementor you will now have access to the fonts you uploaded.

Text Editor Fonts in Elementor

When using the 'Text Editor' block within Elementor you will now have access to the fonts you uploaded.

Abobe Fonts (Typekit) Fonts

First, follow the guide on integrating Adobe Fonts with Fonts Plugin here.

Global Fonts in Elementor

When using the 'Text Editor' block within Elementor you will now have access to your Adobe Fonts.

Text Editor Fonts in Elementor

When using the 'Text Editor' block within Elementor you will now have access to your Adobe Fonts.

Google Fonts

To use Google Fonts in the 'Elementor' plugin, you must first tell the plugin which fonts you want to use.

  • In wp-admin, navigate to Appearance → Customize

  • Click Google Fonts → Advanced Settings → Load Fonts Only

  • Add the fonts you want to use

  • Click Publish

Text Editor Fonts in Elementor

Now when using the 'Text Editor' block within Elementor you will have access to the fonts you have chosen (as well as some system fonts):

PreviousBeaver BuilderNextWPBakery

Last updated

Was this helpful?