How to use Adobe Fonts

You can find options to use Adobe Fonts at Admin Dashboard > Appearance > Customize > Typography > General:

file-lka6kq7vah-1877704Once you have the “Adobe Fonts” selected, a new option to insert the Adobe Fonts API Token will display:


Follow the below steps to select your fonts and generate an API Token:

1. Acess the Adobe Fonts website and create an account: Adobe Fonts
2. (Optional) If you don’t have a Creative Cloud Subscription it’s a good idea remove CC fonts from the search results list, so you can filter only the free fonts:

file-ckfxnliyet-72091573. Select the font you wish to use and click in the “code” icon:

file-2lvptarjyp-30342184. A popup will open with some more steps

1. Enter the project name.
2. Select the font variations you want to include
3. Click on “Create” to proceed with project creation


5. Click on the button “Done”

file-kfgdqad5oh-80844426. Click in your profile avatar in the top right corner and API Tokens:


7. Click on the button “Make me a new API Token” to generate a new token:


8. Back to your website customizer, paste the API Token in the respective field and click “Get Fonts”:

file-ey4vazkjhq-5857921A list with your Adobe Fonts will be rendered below the fields. You can enable or disable the project/fonts at any time:

file-mqiktipyfw-97107919. Go to typography options at Appearance > Customize > Typography (Headings or Body) and select the font family you wish: