How to add custom Adobe fonts in WordPress

Custom fonts are helpful to enrich the look and feel of your WordPress 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:

   

3. Search for “Custom Adobe Fonts, click Install, and then click Activate the plugin:
   

   

4. On the Dashboard in the left sidebar, click Appearance, and then click on Adobe Fonts:
   

   

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#. Copy and paste the project into the Project ID text field to retrieve the font kit:
   

   

   

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.
   

   

More Information

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