---
title: "How to Use Adobe Fonts in WordPress for FREE?"
url: https://nexterwp.com/docs/adobe-fonts-in-wordpress/
date: 2023-01-30
modified: 2026-06-04
author: "Aditya Sharma"
description: "Choosing the right fonts for your website can be a daunting task. Fonts can make or break a user's experience, so it is important to choose wisely. Adobe Typekit fonts..."
image: https://nexterwp.com/wp-content/uploads/2024/05/adobe-fonts-in-wordpress-1024x519.jpg
word_count: 519
---

# How to Use Adobe Fonts in WordPress for FREE?

## Key Takeaways

- Nexter Extension (free) connects an Adobe Typekit project with a WordPress website and uses Adobe Typekit fonts without extra configuration.
- Adobe Fonts require an active paid Adobe Creative Cloud subscription, and the fonts themselves are free to use on any website project with that subscription.
- Nexter > Extensions > Utilities adds Adobe Fonts by enabling the toggle, clicking the gear icon, entering the Project ID, and saving; the fonts then appear in Nexter theme customizer typography options and in Elementor typography section.

Choosing the right fonts for your website can be a daunting task. Fonts can make or break a user's experience, so it is important to choose wisely. Adobe Typekit fonts are a great option for a professional aesthetic and maximum compatibility. If you are using WordPress, you may wonder how to connect Adobe fonts directly to your website. Fortunately, it is not as challenging as it may seem.

With the [Nexter Extension (free) plugin](https://wordpress.org/plugins/nexter-extension/), you can connect your Adobe Typekit project with your WordPress website and use Adobe Typekit fonts in WordPress without extra configuration.

**Best Used For:**

- Websites requiring premium Adobe Typekit typefaces that are not available in Google Fonts

- Brand-consistent projects where the same fonts are already part of an active Adobe Creative Cloud subscription

- Agency or client sites that need commercial-grade typography without separate font licensing

> *Note: Adobe fonts and Typekit are same.*

 

[LIVE EXTENSION LINK](https://nexterwp.com/nexter-extensions/adobe-fonts-integration-for-wordpress/)

 

## How to add Adobe Fonts with the Nexter Extension?

https://www.youtube.com/watch?v=vnAj7i5tXdU

First, you need your Adobe Typekit project ID. The process is described in the How to get Adobe Fonts Project ID section below.

Once you have your project ID, go to your WordPress dashboard and navigate to **Nexter** > **Extensions** > **Utilities**.

Go to the **Adobe Fonts** section, enable the toggle, and click the gear icon (⚙).

![](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-settings-new-1-1-1024x501.png)

This opens the Adobe Fonts popup. Enter your Project ID and click **Save**.

![adobe fonts popup](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-popup-new.png)

The popup now displays all the fonts in your Adobe project.

The Adobe Fonts you added are available in the Nexter theme customizer settings under typography options. If you are using Elementor, the fonts will also appear in the Elementor typography section.

![adobe fonts loaded](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-loaded.png)

Once your Adobe Fonts are loaded, you can use them across all typography settings in Nexter Blocks. To apply custom font styles to headings, see [How to Add an Advanced Heading in WordPress](https://nexterwp.com/docs/add-an-advanced-heading-in-wordpress/). For uploading your own typefaces instead, see [Update Custom Fonts Ability: Manage Custom Font Settings in WordPress](https://nexterwp.com/docs/nexter-update-custom-fonts/).

## Is Adobe Fonts Service Free to Use in WordPress website?

To use Adobe Fonts on your WordPress website, you need an active paid Adobe Creative Cloud subscription. With your subscription, the fonts themselves are free to use on any website project.

## How to get Adobe Fonts Project ID?

To get your Adobe Fonts project ID, follow these steps:

1. Click on [this link](https://fonts.adobe.com/my_fonts#web_projects-section) and login to your Adobe account.

2. Once you are logged in, click on **Web Projects**.

![adobe fonts web project](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-web-project.png)

3. On the next screen if you have created a project you will get your project id, but if you have not created a project, you will see a **Learn More** button click on it.

![adobe fonts create project](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-create-project-1.png)

4. You will see a list of fonts, choose the font you want to add to your project and click on **View Family** button.

![adobe fonts list](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-list.png)

5. You will see a preview of the font and to add the font to your project click on the **Add to Web Project** button.

![adobe fonts add to web project](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-add-to-web-project-1.png)

6. It will open a popup where you can enter a project name.

7. Now to get the project id click on **Manage fonts** > **Web Projects** you will get your project id.

![adobe fonts project id](https://nexterwp.com/wp-content/uploads/2023/01/adobe-fonts-project-id.png)