fast fonts web font not working in chrome or ie

css webfonts
Barry picture Barry · Nov 12, 2012 · Viewed 22.9k times · Source

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

Answer

user323774 picture user323774 · Mar 26, 2013

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.

Related questions

How do I install a custom font on an HTML site

I am not using flash or php - and I have been asked to add a custom font to a simple HTML layout. "KG June Bug" I have it downloaded locally - is there a simple CSS trick to accomplish …

Read More
Webfont Smoothing and Antialiasing in Firefox and Opera

I have custom-made web fonts used on my site. To style my rendering output, I used the following code: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; This works fine on Safari and Chrome (edges are sharper and lines are thinner). Is …

Read More
Use multiple @font-face rules in CSS

How can I use more than @font-face rule in my CSS? I've inserted this into my stylesheet: body { background: #fff url(../images/body-bg-corporate.gif) repeat-x; padding-bottom: 10px; font-family: 'GestaRegular', Arial, Helvetica, sans-serif; } @font-face { font-family: 'GestaReFogular'; src: url('gestareg-webfont.eot'); src: …

Read More