What are you having trouble with?

Fonts aren't working in any browser

Problem Solution
Embed code is missing from site. Add the embed code to your site.
You've minified the embed code into a file on your own server.

Minification is not allowed under the Terms of Use, and prevents the fonts from loading correctly.
Exclude the embed code from your CSS and JavaScript file compressors, and update your website to use the embed code as provided.
The font-family name hasn't been added to the CSS.

Add the font-family names provided to your CSS. For more information, see the CSS selectors help page.

A browser extension, such as Ghostery, is blocking the web font files. Turn off the browser extension or change its settings to allow web fonts from Adobe (previously called Typekit).

In Ghostery, go to Options > Blocking Options > Trackers > Widgets and deselect Typekit by Adobe.

Fonts aren't working in mobile browsers

Problem Solution
The browser isn't supported. Browser and OS support
The correct font weight or style isn't specified in the CSS. Add the weight or style to the web project and make sure it is specified correctly in the CSS.

Firefox isn’t showing the fonts but other browsers are

Problem Solution
Downloadable fonts turned off in hidden preference.

Another hidden preference disables downloadable fonts.

  1. Open a new browser tab and type about:config in the address bar.
  2. Enter gfx.downloadable_fonts.enabled in the search field.
  3. Set the value to true. To change it, double-click the preference row.
Browser preference to override user fonts is turned off. A preference determines whether custom fonts may override the user's browser settings. Under Languages and Appearance > Fonts & Colors > Advanced, select the Allow pages to choose their own fonts option.

Internet Explorer isn’t showing the fonts but other browsers are

Problem Solution
Document mode is set to an older version of the browser [IE9 or higher].

Using a different document mode results in the wrong font file format being served to the browser.

Remove meta tags that tell Internet Explorer to use a different document mode, such as

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

Browser preference to disable downloaded fonts is turned on [IE8]. A security setting can disable all downloadable fonts. Under Tools > Internet Options > Security > Custom level > Downloads, look for Font Download. Enable font downloads with the default security level. If security has been set to "high," fonts may not load.

All text is italicized in Internet Explorer

Problem Solution
Document mode is set to an older version of the browser.

Using a different document mode results in the wrong font file format being served to the browser, and can cause all the text to be set in italics.

Remove meta tags that tell Internet Explorer to use a different document mode, such as

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

Fonts aren't displaying or look “doubled” in Safari and Mobile Safari

Problem Solution
The font weight or style used in the CSS isn't included in the web project. Add the weight or style to the project and make sure it is specified correctly in the CSS.

Run the Typecheck tool

If these troubleshooting steps don't solve the problem, use Typecheck to check for any website-specific setup issues. The Typecheck results will include a list of the font-family names that need to be used in your CSS file as well. 

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略