- Fonts aren't working in any browser
- Fonts aren't working in mobile browsers
- Firefox isn’t showing the fonts but other browsers are
- Internet Explorer isn’t showing the fonts but other browsers are
- All text is italicized in Internet Explorer
- Fonts aren't displaying or look “doubled” in Safari and Mobile Safari
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. |
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. |
Problem | Solution |
---|---|
Downloadable fonts turned off in hidden preference. | Another hidden preference disables downloadable fonts.
|
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. |
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. |
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">
|
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. |
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.