Шрифт веб-шрифта, не работающий в хроме или т.

Я пытаюсь использовать шрифт, размещенный на сайте fast.fonts.com. Для загрузки шрифта я использую следующий код:

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

В Firefox шрифт загружается правильно, но он не работает в IE или Chrome. Нужны ли этим браузерам что-то дополнительное для настройки?

Он используется на этом сайте:

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

Ответ 1

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

Почему мои веб-шрифты отображаются только в Firefox?

Если шрифты работают только в Firefox, это может указывать на то, что домен, указанный в вашем проекте веб-шрифтов, не разрешен для получения веб-шрифтов. Просмотрите список доменов вашего проекта, чтобы убедиться, что каждый домен указан правильно. Также убедитесь, что вы опубликовали свой проект с внесением любых изменений.

Ответ 2

Попробуйте вставить шрифт из fastfonts перед объявлением файла .css. У меня была такая же проблема с шрифтами google.

Ответ 3

Chrome по умолчанию блокирует HTTP-запрос, если вы находитесь на сайте https. Если вы удалите "http:" из href, теперь таблица стилей будет загружена либо на http, либо на https, соответствующем текущему протоколу.

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