# 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="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2FtpTIFOv5CgGXHh4DLCax%2Fimage.png?alt=media&#x26;token=c789c195-ad35-4b9e-b542-edf60501cbdf" alt=""><figcaption></figcaption></figure> <figure><img src="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2F23vJEnhS3eG8SaH8NmPE%2Fimage.png?alt=media&#x26;token=79c7d3e3-ead9-4b2a-9602-8487bd16375c" 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](https://docs.fontsplugin.com/custom-font-uploads/custom-font-uploads).

#### Global Fonts in Elementor

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

<figure><img src="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2F23vJEnhS3eG8SaH8NmPE%2Fimage.png?alt=media&#x26;token=79c7d3e3-ead9-4b2a-9602-8487bd16375c" 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="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2FRvEGDuiJcj4UlBXonk6b%2Fimage.png?alt=media&#x26;token=e387d332-c83c-4aee-83d3-79bf2fb62e2b" alt=""><figcaption></figcaption></figure>

### Abobe Fonts (Typekit) Fonts

First, follow the guide on integrating Adobe Fonts with Fonts Plugin [here](https://docs.fontsplugin.com/integrations/adobe-fonts).

#### Global Fonts in Elementor

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

<figure><img src="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2F23vJEnhS3eG8SaH8NmPE%2Fimage.png?alt=media&#x26;token=79c7d3e3-ead9-4b2a-9602-8487bd16375c" 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="https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LkTSjUWN2UHe7kspGpw%2Fuploads%2FRvEGDuiJcj4UlBXonk6b%2Fimage.png?alt=media&#x26;token=e387d332-c83c-4aee-83d3-79bf2fb62e2b" 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):

![](https://2103267599-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LkTSjUWN2UHe7kspGpw%2F-LkdHB8iikHGMyLSMKBL%2F-LkdJYamlj0BkPBtHv3_%2Fimage.png?alt=media\&token=7142eddb-1476-4fe0-9d6c-9286a0980c94)