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