> ## Documentation Index
> Fetch the complete documentation index at: https://kb.hosting.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding custom Adobe fonts in WordPress

> Learn how to embed adobe fonts in your WordPress website. This article shows you embed custom adobe fonts using the Adobe Fonts Plugin in WordPress.

Custom fonts are helpful to enrich the look and feel of your [WordPress](https://hosting.com/hosting/platforms/wordpress-hosting/managed-wordpress-hosting/) site. This article shows you how to add custom Adobe Fonts using the Custom Adobe Fonts plugin.

This plugin currently works with Astra Theme, Beaver Builder Theme, Beaver Builder Plugin and Elementor Page Builder. If you are not using these themes, then write the custom CSS to apply the fonts.

## Install and configure Custom Adobe Fonts plugin

To install and configure Adobe Fonts plugin, follow these steps:

1. Log in to your WordPress site with an administrator account.

2. On the **Dashboard** in the left sidebar, click **Plugins**, and then click **Add New**:\
   ![](https://static.hosting.com/kb/kb-wp-customfonts-1.png)

3. Search for "Custom Adobe Fonts, click **Install**, and then click **Activate** the plugin:\
   ![](https://static.hosting.com/kb/kb-wp-customfonts-6.png)

4. On the **Dashboard** in the left sidebar, click **Appearance**, and then click on **Adobe Fonts**:\
   ![](https://static.hosting.com/kb/kb-wp-customfonts-1-5.png)

5. Create an Adobe Web Project and add the desired font in the project. Refer to this link to create a web project:

6. [https://helpx.adobe.com/fonts/using/add-fonts-website.html#](https://helpx.adobe.com/fonts/using/add-fonts-website.html#). Copy and paste the project into the Project ID text field to retrieve the font kit:\
   ![](https://static.hosting.com/kb/kb-wp-customfonts-3.png)![](https://static.hosting.com/kb/kb-wp-customfonts-4.png)

7. You will be able to see the fonts added in the settings of Astra / Beaver Builder / Elementor. If you’re not using any of the supported plugins and themes, you can write the custom CSS to apply the fonts. The display shows the newly added font in the font family list for the Astra Theme.![](https://static.hosting.com/kb/kb-wp-customfonts-7.png)

## More information

For more information about the Adobe Fonts please visit: [https://wordpress.org/plugins/custom-typekit-fonts/](https://wordpress.org/plugins/custom-typekit-fonts/)

## Related articles

* [Changing Fonts in WordPress](/docs/change-the-font-in-wordpress)

* [Changing the WordPress theme manually](/docs/changing-the-wordpress-theme-manually)