Веб-сайты Firefox не загружаются

Ответ 1

По моему опыту, Firefox придирчив к ожиданию цитат в правилах @font-face:

@font-face {
    font-family: AngelinaRegular;
    src: url('../fonts/angelina-webfont.eot');
    src: url('../fonts/angelina-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/angelina-webfont.woff') format('woff'),
        url('../fonts/angelina-webfont.ttf') format('truetype'),
        url('../fonts/angelina-webfont.svg#webfontOvuhCGpN') format('svg');
    font-weight: normal;
    font-style: normal;
}

Ответ 2

В Firefox также могут возникать проблемы с перекрестными доменами со шрифтами. См.: http://www.cssbakery.com/2010/07/fixing-firefox-font-face-cross-domain_25.html

Ответ 3

Ха, я сидел целую вечность, пытаясь понять это - для меня исправление заключалось в вызове каждого src отдельно - то есть вместо этого (код, созданный fontsquirrel):

@font-face {
    font-family: 'comic_bookregular';
    src: url('comic_book-webfont.eot');
    src: url('comic_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('comic_book-webfont.svg#comic_bookregular') format('svg');
         url('comic_book-webfont.woff') format('woff'),
         url('comic_book-webfont.ttf') format('truetype'),

font-weight: normal;
font-style: normal;

}

Я сделал это:

@font-face {
  font-family: 'comic_bookregular';
    src: url('../fonts/comic_book-webfont.eot');
    src: url('../fonts/comic_book-webfont.eot?#iefix') format('embedded-opentype');
    src: url('../fonts/comic_book-webfont.svg#comic_bookregular') format('svg');
    src: url('../fonts/comic_book-webfont.woff') format('woff');
    src: url('../fonts/comic_book-webfont.ttf') format('truetype');

  font-weight: normal;
  font-style: normal;

  }

Если вы посмотрите, код fontsquirrel на самом деле имеет ';' где должно быть ",", а просто исправление, которое не помогло. По какой-то причине закрытие всех src с помощью полуколонок выполняло эту работу, когда ничего больше не было.

Ответ 4

Некоторая проблема, с которой я столкнулся несколько раз, - это настройку about: config gfx.downloadable_fonts.enabled, которая при установке на false клиент не загрузит любые шрифты, что делает веб-мастеров с значками webfont довольно плохими, как я видел с yahoo и office 365 Webmails...

Ответ 5

Я сталкиваюсь с той же проблемой в последние дни. нашел множество советов и решений, но никто из них не работал у меня. то я использовал консоль buildin webdeveloper (strg + shift + k) вместо firebug и voila, я вижу ошибку:

[14:18:36.161] GET http://www.example.com/font/fontawesome-webfont.ttf?v=3.2.0 [HTTP/1.1 401 Authorization Required 21ms]

да, ошибка 401, потому что страница расположена за именем htaccess! когда я отключу авторизацию htaccess, все работает нормально!

thats, конечно, только обходное решение и никакого решения, но, прежде чем вы получите crasy о том, что sh * t, как я, не забудьте, если ваш сайт находится за входом htaccess. это может сэкономить вам много времени;)

Другая проблема, с которой вы можете столкнуться: http и https если вы используете оба протокола на своем сайте, вставляйте такие шрифты:

src: url('//www.example.com/fonts/webfont.eot');

вместо этого:

src: url('http://www.example.com/fonts/webfont.eot');

Надеюсь, что это поможет кому-то. я потерял много времени из-за этого & $! §% & # *

Ответ 6

После того, как вы очистили stackoverflow, пробовав каждое предложение и не работая с ним, я узнал, что было не так с моим кодом, который после исправления заставил его работать. Я оставил запятые между объявлениями шрифтов.

У меня был

font-family: "GiveMeTime" sans-serif;

вместо

font-family: "GiveMeTime", sans-serif;

и, поскольку он работал в каждом другом браузере, я не заметил ошибку. Любой другой с этой проблемой, проверьте это не на ошибку стека шрифтов!

Ответ 7

У меня была такая же проблема. Проблема заключалась в незначительной разнице в именах шрифтов. В атрибуте font-family в шрифте @font-face была другая типография, которую я использовал в этом классе, используя этот шрифт. По-видимому, компьютерные веб-браузеры более разрешительны, чем таблеточные.