@ font-face не работает в Firefox, но работает в Chrome

Question

Шрифты раньше работали, сегодня они перестали работать без каких-либо изменений CSS. Я могу видеть из сетевой панели Firebug, что .woff загружается (как ни странно, дважды, первый DL - это просто круг, вращающийся навсегда и не завершенный). Проверено на FF9 / 10. Вот мой CSS:

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

}

a.css3button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    ..
    font-family: "bebasNeueRegular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    ..
}

Я получил это от: http://dev.florianweber.me/bf3buttons/# - где это работает в моем Firefox. Что может быть причиной конфликтов?

Answer 1

У нас был наш домен CDN, обслуживающий файл .css, который, как мне кажется, Firefox не понравился.Я установил жесткий путь к файлам шрифтов в .css, и теперь он работает.:)

font-family: 'BebasNeueRegular';
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot');
src: url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
     url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.woff') format('woff'),
     url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.ttf') format('truetype'),
     url('http://site.com/sites/default/themes/theme/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

Другой способ:

<FilesMatch "\.(ttf|otf|eot|woff)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

Answer 2

@font-face {
    font-family: 'BebasNeueRegular';

и

font-family: "bebasNeueRegular"

не то же самое. Остерегайтесь опечаток, семейство шрифтов может быть чувствительным к регистру.

Answer 3

Я понял, что Firefox загружает разные имена шрифтов.

Это помогло мне, попробуй, не знаю, кто из них хороший, но это работает Попробуйте без скобок и т. Д.

    font-family: 'bebas_neueregular', Bebas Neue, 'Bebas Neue', bebas_neueregular;