How to load Adobe Fonts

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


Once 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

<img alt="file-m0olplc3i2-6722752" src="">
  1. Click on the button “Done”

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

  1. Click on the button “Make me a new API Token” to generate a new token:
  1. 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: