---
description: >-
  Global fonts can be set and changed while editing pages, but they can also be
  viewed, added and changed from the global fonts preview.
---

# Global Fonts

### Access your site’s global fonts

**To view your site’s global fonts**:

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/Q3tMFnjkGa7VhHOfHD2I/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/Gn6Qa9QbYaKgCB5mu02e/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5OJP8T68DaVMWuNI2ffI/blobs/RwwtX0o8jsNCnp0jfEYQ/image.png" alt=""><figcaption></figcaption></figure>

Click **Global Fonts**. The list of global fonts appears. The canvas displays the different types of fonts.&#x20;

<figure><img src="https://1918261440-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F5OJP8T68DaVMWuNI2ffI%2Fuploads%2FU6ce1LIba2XmuLcUkUYi%2FScreen%20Shot%202024-08-22%20at%205.23.59%20PM.png?alt=media&#x26;token=a29acd04-183d-4d1a-a948-027f1cbc3969" alt=""><figcaption></figcaption></figure>

### Edit your site’s global fonts​

**To edit the global fonts**:\


<figure><img src="https://elementor.com/help/wp-content/uploads/2023/08/4.jpeg" alt=""><figcaption></figcaption></figure>

1.  Under **Custom Fonts**, hover over the **Edit ()** icon.

    * To delete the global font, click the delete icon (![UHL8IeV1WTSODOY TFIBqqb3Mr4wl3mKh0mC2EYi VsBSup2OPU45YnTykt2zpA jdgktHpQttKG I2Hsl7m6 View and edit global fonts 33](https://lh5.googleusercontent.com/UHL8IeV1WTSODOY-TFIBqqb3Mr4wl3mKh0mC2EYi-VsBSup2OPU45YnTykt2zpA-jdgktHpQttKG-I2Hsl7m6-yLJz1dtvwvLtw996h5LWYIX9e9xc9tITs6_ejsIzaZw35sOOA9P2XeKVZfvf5jsA)). You cannot delete any of the system fonts.
    * To reorder the the global fonts, click the arrows icon (![77ABySA gL9Em9IfaD NmOKYf2yNTgSzsuysBWve9lWP2av4uL8i3dYGgnecDZPxhAkmkSut 1d1FzjOpWORrhwwceFdxo52ZAATVLW6XGsejr FP5tNnBDn5145lbuwop7Djahr2qavcMAuDKcrQ View and edit global fonts 35](https://lh3.googleusercontent.com/77ABySA-_gL9Em9IfaD-NmOKYf2yNTgSzsuysBWve9lWP2av4uL8i3dYGgnecDZPxhAkmkSut-1d1FzjOpWORrhwwceFdxo52ZAATVLW6XGsejr-FP5tNnBDn5145lbuwop7Djahr2qavcMAuDKcrQ))
    * To change the font typography, click the **Edit** icon (![d3VE02LEhYWbU9W0gQVxtN3RMyP tX37EGAyDhpGxhBqI XxaDKq YA1nHgGtdF5XV0lHy View and edit global fonts 37](https://lh6.googleusercontent.com/d3VE02LEhYWbU9W0gQVxtN3RMyP-tX37EGAyDhpGxhBqI_XxaDKq_YA1nHgGtdF5XV0lHy-ORQZZnwu7BjPD1KGL5F_Cs4ZpT9hmQf36Xfa6R6vaJf80UcqPfuJ8r26uSRr2YBfIK2xG95stgGpwMw)). See [Typography](https://elementor.com/help/what-is-typography/). \


    <figure><img src="https://elementor.com/help/wp-content/uploads/2023/08/5-1.jpeg" alt=""><figcaption></figcaption></figure>
2. Click **Save Changes**.

**To change the name of the global font**:\


<figure><img src="https://elementor.com/help/wp-content/uploads/2023/08/6-1.jpeg" alt=""><figcaption></figcaption></figure>

1. Click the name of the global font.
2. Enter the name of the new global font you added.

### Add a new global font

<figure><img src="https://elementor.com/help/wp-content/uploads/2023/08/7-1.jpeg" alt="7 1 View and edit global fonts 43" height="707" width="301"><figcaption></figcaption></figure>

Click **Add Style.** A New Item box appears.

<figure><img src="https://elementor.com/help/wp-content/uploads/2023/08/8-2.jpeg" alt=""><figcaption></figcaption></figure>

Enter a name for the the new font. See [Typography](https://elementor.com/help/what-is-typography/) for more information.&#x20;
