Turn on Early Access and you’ll see the new CSS-only embed code in our kit editor, available as an HTML link tag or CSS
- Google AMP. You don’t have to sacrifice style for speed – use your Typekit web fonts with mobile article formats to reach a wider audience. Google AMP is now compatible with our CSS embed code.
- Custom stylesheets. Some web page builders or other web based software (like wikis) allow you to edit CSS but not HTML. You can add fonts from Typekit to those sites by using the
@importversion of the CSS embed code.
For more details and step-by-step support, check out our guide to getting started with CSS-only web font serving.
Which embed code format should I use?
Either embed code gives you control over the OpenType features and language support in your site’s web fonts; you can still configure these options in our kit editor.
- If you don’t want to block the page until fonts are loaded, use our advanced embed code with
async: trueturned on. This will result in an initial flash of unstyled text (FOUT), but will allow your page content to load immediately, with fonts swapped in as they are loaded by the browser.
- Network blips, routing failures, or service downtime could all potentially affect your fonts. The advanced embed code gives you control over functionality such as font loading behavior and timeouts.
We want your feedback!
We release features into Early Access because we feel confident that they are ready to use, and we’d like you to give it a try, test its limits, and let us know how you feel about the change before it becomes a core part of our product.
Please give us your feedback via the comments, Twitter, or directly to our support team at firstname.lastname@example.org. We hope you enjoy the new simplicity of using Typekit in your web projects as much as we do!