{"id":4558,"date":"2024-04-15T00:17:35","date_gmt":"2024-04-14T16:17:35","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4558"},"modified":"2024-04-15T00:17:35","modified_gmt":"2024-04-14T16:17:35","slug":"add-adobe-fonts-to-a-workspace","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/add-adobe-fonts-to-a-workspace\/","title":{"rendered":"Add Adobe Fonts to a Workspace"},"content":{"rendered":"\n
\n

Once you incorporate Adobe Fonts into your Workspace, you gain the ability to utilize those Adobe Fonts across all your Workspace sites. Furthermore, you have the flexibility to leverage your Adobe Fonts in multiple Workspaces within the same Webflow account.<\/p>\n

Important:<\/strong> For the inclusion of Adobe Fonts within any site, a valid Workspace plan<\/a> or a valid site plan<\/a> is necessary.<\/h6>\n

Within this tutorial, you will learn:<\/p>\n

    \n
  1. The process of acquiring an Adobe Fonts API token<\/li>\n
  2. The procedure to integrate your API token into your Workspace<\/li>\n
  3. How to remove your API token from your Workspace<\/li>\n
  4. Connecting a web project to your Webflow site<\/li>\n
  5. Disassociating an Adobe web project from your site<\/li>\n
  6. Utilizing your Adobe Fonts in the Designer<\/li>\n
  7. Troubleshooting integration issues<\/li>\n<\/ol>\n

    Acquiring an Adobe Fonts API Token<\/h2>\n

    To obtain an API token:<\/p>\n

      \n
    1. Register an Adobe Fonts account<\/a><\/li>\n
    2. Establish web projects<\/a> with your desired fonts for use in your Webflow sites<\/li>\n
    3. Navigate to the Adobe Fonts API tokens<\/a> page to create a new API token (if you haven’t generated one previously)<\/li>\n
    4. Copy the newly generated API token (or an existing one if available)<\/li>\n<\/ol>\n

      Discover more about creating Adobe Fonts web projects<\/a>.<\/p>\n

      Integrating your API Token into your Workspace<\/h2>\n

      To successfully embed your API token into your Workspace:<\/p>\n

        \n
      1. Access Workspace settings<\/strong> > Integrations<\/strong> tab > Adobe fonts<\/strong><\/li>\n
      2. Paste your Adobe Fonts API token into the designated field<\/li>\n
      3. Select Save changes<\/strong><\/li>\n<\/ol>\n

        Removing your API Token from your Workspace<\/h2>\n

        Should you wish to eliminate an API token from your Workspace:<\/p>\n

          \n
        1. Navigate to Workspace settings<\/strong> > Integrations<\/strong> tab > Adobe fonts<\/strong><\/li>\n
        2. Erase the token<\/li>\n
        3. Click on Save changes<\/strong><\/li>\n<\/ol>\n

          Linking a Web Project to your Webflow Site<\/h2>\n

          Now that your Adobe account is linked to your Workspace, you can associate your Adobe web projects with your Webflow sites.<\/p>\n

          To establish a connection between an Adobe web project and your site:\u00a0<\/p>\n

            \n
          1. Access Site settings<\/strong> > Fonts<\/strong> tab > Adobe fonts<\/strong><\/li>\n
          2. Choose the web project you wish to use for the current site<\/li>\n
          3. Click Save changes<\/strong><\/li>\n<\/ol>\n

            Disconnecting an Adobe Web Project from your Site<\/h2>\n

            To disassociate an Adobe web project from your site:<\/p>\n

              \n
            1. Navigate to Site settings<\/strong> > Fonts<\/strong> tab > Adobe fonts<\/strong><\/li>\n
            2. Select \u201cNone<\/strong>\u201d<\/li>\n
            3. Click on Save changes<\/strong><\/li>\n<\/ol>\n

              Utilizing your Adobe Fonts in the Designer<\/h2>\n

              When operating in the Designer, you have complete access to all fonts and font variations you’ve integrated through your Adobe web project.\u00a0<\/p>\n

              Your Adobe fonts are located in the Style panel<\/strong> > Typography<\/strong> > Font<\/strong>. They can be found at the end of the fonts list in alphabetical order.<\/p>\n

              \n
              <\/div>\n<\/figure>\n

              Resolving Integration Issues<\/h2>\n

              At times, the sync between Adobe Fonts and Webflow may encounter obstacles. However, these issues can typically be addressed through a few simple actions.<\/p>\n

              Common problems include:<\/p>\n