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

Get Managed WordPress Hosting

Article Details

Other Articles in This Category

Show More

Did you find this article helpful? Then you'll love our support. Experience the A2 Hosting difference today and get a pre-secured, pre-optimized website. Check out our web hosting plans today.

We use cookies to personalize the website for you and to analyze the use of our website. You consent to this by clicking on "I consent" or by continuing your use of this website. Further information about cookies can be found in our Privacy Policy.