> For the complete documentation index, see [llms.txt](https://docs.fontsplugin.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fontsplugin.com/integrations/elementor.md).

# Elementor

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

<div><figure><img src="/files/JTxju3bLclciqUF0k75Q" alt=""><figcaption></figcaption></figure> <figure><img src="/files/YpFdprMkAq6uSWhJFQyT" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
It's also possible to set fonts for individual text blocks, which we will also cover below.
{% endhint %}

### Custom/Uploaded Fonts

First, follow the guide on uploading your custom fonts [here](/custom-font-uploads/custom-font-uploads.md).

#### Global Fonts in Elementor

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

<figure><img src="/files/YpFdprMkAq6uSWhJFQyT" alt=""><figcaption></figcaption></figure>

#### Text Editor Fonts in Elementor

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

<figure><img src="/files/4dSONjDJL3Uli6HyXWhO" alt=""><figcaption></figcaption></figure>

### Abobe Fonts (Typekit) Fonts

First, follow the guide on integrating Adobe Fonts with Fonts Plugin [here](/integrations/adobe-fonts.md).

#### Global Fonts in Elementor

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

<figure><img src="/files/YpFdprMkAq6uSWhJFQyT" alt=""><figcaption></figcaption></figure>

#### Text Editor Fonts in Elementor

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

<figure><img src="/files/4dSONjDJL3Uli6HyXWhO" alt=""><figcaption></figcaption></figure>

### 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`

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/o/assets%2F-LkTSjUWN2UHe7kspGpw%2F-LkVGhNqRyl51Q8q6Y4e%2F-LkVHZyEWATRRO7rb3V5%2Fimage.png?alt=media\&token=954ff77d-f22a-4224-bf8c-018c3f19c4cf)

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

![](/files/-LkdJYamlj0BkPBtHv3_)