Oops! Something went wrong while submitting the form
Typekit is home to some of the most popular fonts on the planet. You can integrate Adobe Typekit fonts into your Webflow projects. It’s one of three native ways to bring extra typography options into your Webflow project. The other two are: Google Fonts and Custom fonts.
In the Designer, you’ll have full access to any fonts and font weights you added through your kit. Just browse for the font you need in Style (s) →Typography → Font. The fonts list is ordered alphabetically.
Typekit fonts are licensed through your Adobe membership. If you remove your kit from Adobe, or your Adobe account becomes inaccessible, your font selection might not load.
Troubleshooting your Typekit integration
Sometimes Adobe Typekit font integrations can fail to sync with Webflow and can usually be resolved with a few small steps.
Check the following
If your project is in your Team Dashboard, make sure you've added your Typekit API Key to your Team Dashboard settings and not your individual account settings.
If you've recently changed your site's domain (perhaps from a Webflow subdomain to a custom domain), go to Project Settings → Fonts, re-select the kit, and save the changes.
Add the following domains to the Domains field:webflow.com,your-site.webflow.io(Webflow subdomain),your-custom-domain.com(custom domains; add all that apply),blog.your-custom-domain.com(custom subdomains; add all that apply).
Save the settings and publish your Typekit Kit settings
Publish your Webflow site
It can take up to 24 hours for your kit’s settings to update in Typekit. If your fonts are still not loading as expected after 24 hours, contact us and we'll help you resolve your issue!
Typekit plans have limits on how many fonts can be synced at a given time as well as how often those fonts can be viewed in a webpage. If you have exceeded these limits, you can upgrade your Typekit plan.