Integrate your client’s Adobe Fonts API token into their site to make their Adobe Font web projects available for that site.
Note: We’re transitioning to Workspaces, and this lesson has been updated to reflect that change. Visit the Workspaces blog post to read more about these updates and changes.
In a separate lesson, we show you how to integrate Adobe Fonts into your Webflow Workspace to make your Adobe Fonts available in all your sites. But, if you’re building a website for a client and you want to use Adobe Fonts for that particular site, it’s wise to create an Adobe Fonts API token specifically for the client and integrate it into the site.
There are two reasons to adopt this approach:
In this lesson, you’ll learn:
If your client has a Creative Cloud account (Adobe ID), ask them to send you their API token. If they don’t have a Creative Cloud account, ask them to set up their own free account, then send you their API token.
Alternatively, you can offer to set it up for them using their own credentials and then hand it over to them. This way, they’ll keep control of their fonts and you won’t have to manage those fonts within your own Creative Cloud account.
If you want to set up the account yourself:
If you want your client to set up their own account and send you the API token, you can send them the following instructions:
Now that you have the API token, you can paste it into your Webflow site’s Adobe fonts settings. To add your API token to your site:
If you want to remove an API token from your site:
Once you’ve connected your Adobe account to your site through the API token, the Adobe web project that has all the fonts for your site will appear below the Adobe fonts section in Site settings.
To connect an Adobe web project to your site:
To remove an Adobe web project from your site:
In the Designer, you’ll have full access to any fonts and font weights you added through your Adobe web project.
You can find your Adobe fonts in the Style panel > Typography > Font. Your Adobe fonts can be found at the bottom of the fonts list, ordered alphabetically.
Sometimes the Adobe Fonts integration fails to sync with Webflow. This can usually be resolved in a few small steps.
Some common issues include:
Important: Adobe Fonts are licensed through your Adobe Creative Cloud subscription. If you remove your web project from your Adobe Fonts library, or your Adobe account becomes inaccessible, your font selection might not load.
To troubleshoot these issues, check the following:
Verify that Adobe and Webflow systems are up and running
Verify that you’ve integrated the API token in the correct place
Make sure you’ve added your Adobe Fonts API token to your site.
Verify your Adobe Fonts API token
Verify that the correct web project is selected in your Site settings