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


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):

Last updated
Was this helpful?