Webflow sync, pageviews & more.
NEW

What can I do to fix the error I'm encountering when trying to integrate my Adobe Fonts into my Webflow portfolio website?

TL;DR
  • Ensure your Adobe Fonts project includes the correct domain and copy only the Project ID (not the full embed code).
  • Paste the Project ID into Webflow's Project Settings > Fonts, save, republish, and confirm fonts appear in the Designer.

If you're encountering issues integrating Adobe Fonts into your Webflow portfolio, it's usually due to an incorrect project ID, wrong embed code, or domain mismatch. Here's how to troubleshoot and fix it.

1. Verify Adobe Fonts Project Settings

  • Log into Adobe Fonts and go to your project.
  • Check that the font project includes the correct domain — it should exactly match your published Webflow domain (e.g., mysite.webflow.io or www.mysite.com).
  • If you're using a custom domain, make sure it's been added and published via the Webflow Project Settings > Hosting tab.

2. Copy the Correct Embed Code

  • In Adobe Fonts, under your font project, locate the embed code snippet.
  • Copy only the Project ID from the code — usually a unique alphanumeric string like abc1234.
  • Do not copy the <script> tag or the entire HTML snippet into your Webflow project.

3. Add Project ID to Webflow

  • In Webflow, go to Project Settings > Fonts.
  • Locate the Adobe Fonts (Typekit) section.
  • Paste the Project ID into the field provided.
  • Click Save at the bottom of the page, then publish your site again.

4. Double-Check Font Usage in Designer

  • Return to the Webflow Designer.
  • Select any text element and open the Typography panel.
  • Check if your Adobe Fonts now appear in the Font dropdown list.
  • If they don’t appear immediately, try refreshing the Webflow Designer or republishing the site.

5. Clear Caches and Check Organization Settings (if applicable)

  • Clear your browser cache and reload the Designer to ensure changes take effect.
  • If using Adobe Fonts via a team or enterprise account, confirm that the project is public or accessible from external domains.

Summary

To fix Adobe Fonts issues in Webflow, confirm that your project ID is correct, the domain matches, and you've entered the Project ID (not full embed code) into Webflow → Project Settings → Fonts. Then republish your site and confirm font availability in the Designer.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can Webflow support a scrolling animation feature that plays a sequence of PNGs on a webpage? If not currently available, are there plans for this feature to be implemented in the future?
What is the purpose of being able to upload .webm files in Webflow if only .mp4 files are served as background videos?
What are the ramifications of removing these from the HTML tag in Webflow? Can I remove them if I'm using my own server for form submissions?
What are alternative solutions to the 10,000 item limit in Webflow for building a theater website with multiple shows, performances, and characters?
Is there a way to add an automatic "click to download" option for resumes in Webflow, or do I need to send people to my Dropbox via a link?
What could be causing my Webflow portfolio website to automatically scroll to a certain point when opening the exported site, without any anchor links attached to the URL in the browser?
How can I fix the issue with Google Console flagging alerts for videos on a Webflow page that do not have a thumbnail URL provided?
How can I enlarge the horizontal outline of a divider in Webflow when hovered over?
How can I prefill an Airtable form embedded in a Webflow page using URL parameters?
Can Webflow integrate with third party tools or allow for custom code to create live charts/graphs that update based on user voting?
How do I add Google Ads Conversion Tracking code to the submit buttons on the API page and Contact Page Submission buttons in Webflow?
What is the best approach for copying sections with nested content across multiple pages in Webflow?
Is it possible to automatically load a new page and remove the previous one when the user reaches the bottom of the page on a Webflow site, like in this example?
How to ensure the Shopify shopping cart is displayed on all pages of my Webflow site after integrating the "ADD TO CART" button?
Can I set a property for a component's section background image in Webflow? I have a header that I use on all my pages, but I want to change the background picture to match each page. Thank you.
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I dynamically redirect to a CMS created after form submission in Webflow?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
How can I close a dropdown in Webflow when clicking on a link?
Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?
How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?