How To Add Adobe Fonts To Webflow

‍

Here is how to add Adobe Fonts to Webflow:

1. Open the Adobe Fonts website and click on your profile in the top right.
2. Go to API Tokens.
3. If you do not already have an API Token you can create one by clicking on the Make me a new API token button.
4. Copy your API Token.
5. Now head to your Webflow Dashboard and go to Apps & Integration from the left sidebar menu.
6. On the top is the Adobe Fonts section, enter the copied API Token here.
7. Click Save.
8. A notification will confirm the status.
9. Go back to the Adobe Fonts website and browse for the fonts you like. Click on the </> icon to add them to a Web Project. A Web Project is a collection of Adobe Fonts you can use to organize and use your fonts.
10. If you do not have a Web Project already created, you will be prompted on setting it up.
11. Simply give your Web Project a name.
12. Click on Create.
13. Click on Done.
14. You can now continue adding more fonts to this collection.
15. Head back into the Webflow Dashboard and click on the three dotted icon to view options. Select Settings.
16. Under these Site Settings, go to the Fonts tab from the left sidebar menu.
17. Scroll down to the Adobe Fonts section, your newly created Web Projects should be visible below to select.
18. Select your Web Project and click Save.
19. Inside the Designer, to use these fonts, simply select the element to apply to and locate the Typography section in the right sidebar menu. Click on Font to view list.
20. Your newly added adobe fonts should be available for use.