Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

fast fonts web font not working in chrome or ie

Tags:

css

webfonts

I'm trying to use a font hosted on fast.fonts.com. I am using the following code to load the font:

<link type="text/css" rel="stylesheet" href="http://fast.fonts.com/cssapi/3566c147-3f45-41ed-941c-cfe1528c243e.css"/>

In Firefox the font loads correctly, but it is not working in IE or Chrome. Do these browsers require something extra to be set up in order to work?

It's being used on this site:

http://d258eeb2b8434d14a1135347db13e724.cloudapp.net/Home.aspx

like image 736
Barry Avatar asked Nov 12 '12 10:11

Barry


People also ask

Why can't I See web fonts in my browser?

A browser extension is blocking the web font files. Turn off the browser extension or change its settings to allow web fonts from Adobe (previously called Typekit). The browser isn't supported.

Is it possible to use Google Fonts in IE11?

Currently putting together a site using Google Fonts. Everything works in IE6 through 10, Firefox, Chrome, and on mobile browsers. However on IE 11 no fonts load and everything is displayed using fallback fonts (sans-serif etc).

Why are the fonts only working in Firefox?

If the fonts are only working in Firefox, this may indicate that the domain listed in your Web font project are not permitted to receive the Web fonts. Review your project's domain list to ensure each domain has been specified properly.

How to fix chrome displaying font problem?

Chrome displaying font problem - Google Chrome Community. 1. Launch Chrome. 2. Go to settings. 3. Go to Advanced Settings. 4. Turn off use hardware acceleration when available. 5. Relaunch Chrome.


3 Answers

Chrome by default blocks http request if you are on an https site. If you remove the "http:" from your href, now the style sheet will be loaded on either http or https matching the current protocol.

<link type="text/css" rel="stylesheet" href="//fast.fonts.com/cssapi/3566c147-3f45-41ed-941c-cfe1528c243e.css"/>
like image 152
brian2013 Avatar answered Oct 27 '22 18:10

brian2013


From the fonts.com FAQ - http://www.fonts.com/support/faq/web-fonts-work-only-in-firefox

Why Are My Web Fonts Only Displaying in Firefox?

If the fonts are only working in Firefox, this may indicate that the domain listed in your Web font project are not permitted to receive the Web fonts. Review your project's domain list to ensure each domain has been specified properly. Also make sure that you've published your project since making any changes.

like image 34
user323774 Avatar answered Oct 27 '22 17:10

user323774


Try to embed the font from fastfonts before your .css file declaration. I had the same problem with google fonts.

like image 24
LorDex Avatar answered Oct 27 '22 16:10

LorDex