Значки глифов начальной загрузки Twitter не работают в Firefox

Я создал веб-сайт с помощью Ember.js, Ember CLI и Twitter Bootstrap. Я установил Bootstrap, используя $ bower install --save bootstrap. Это работало нормально, пока я не обновил версию Bootstrap до 3.2.0. Теперь иконки глифов не работают в Firefox, вместо иконок отображается E003. Однако значки по-прежнему работают в IE и Chrome.

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

Мой brocfile.js

var EmberApp = require('ember-cli/lib/broccoli/ember-app');

var app = new EmberApp();

app.import('vendor/bootstrap/dist/js/bootstrap.js');
app.import('vendor/bootstrap/dist/css/bootstrap.css');
app.import('vendor/moment/moment.js');

var mergeTrees = require('broccoli-merge-trees');
var pickFiles = require('broccoli-static-compiler');
var extraAssets = pickFiles('vendor/bootstrap/dist/fonts', {
    srcDir: '/',
    files: ['**/*'],
    destDir: '/fonts'
});

module.exports = mergeTrees([app.toTree(), extraAssets]);

person Karoline Brynildsen    schedule 12.08.2014    source источник
comment
Думаю, я должен упомянуть об этом на всякий случай, но убедитесь, что Firefox не просто кэшировал ваш старый файл шрифта. Попробуйте очистить кешированный контент (Инструменты — Параметры — Дополнительно — Сеть — Очистить кешированный веб-контент) и даже попробуйте его на другом компьютере, если можете, просто чтобы быть вдвойне и трижды уверенным!   -  person Rob Quincey    schedule 12.08.2014
comment
Я пробовал и это, и ctr+F5 / ctr+shift+R для жесткого обновления, но это не помогает.   -  person Karoline Brynildsen    schedule 12.08.2014
comment
Стоит попробовать! Может быть, ваш сервер просто не обслуживает формат шрифта, с которым работает Firefox? Проверьте свои сетевые журналы в консоли разработчика Chrome и посмотрите, какая версия файла шрифта Glyphicon доставляется (.woff/.svg/.ttf и, я думаю, есть еще одна). Проверьте это в своих сетевых журналах Firefox. Он запрашивает тот же файл? Он запрашивает что-то еще и говорит «Не найдено»? Я сомневаюсь, что это проблема Ember, учитывая, что в IE и Chrome все в порядке.   -  person Rob Quincey    schedule 12.08.2014
comment
Chrome запрашивает файл .woff, а Firefox запрашивает файлы .woff и .ttf. Файлы отображаются как «Не изменены» (или «ОК», если я выполняю жесткое обновление) как в Chrome, так и в Firefox.   -  person Karoline Brynildsen    schedule 12.08.2014
comment
Что я видел, так это то, что файлы не обслуживаются правильно, хотя я не знаю, почему (вы можете видеть в полученном контенте нет заголовка WOFF или чего-то подобного, хотя он должен быть там). У меня была та же проблема, но с Font Awesome, и я обошел ее, загрузив вместо этого из CDN.   -  person Leeft    schedule 12.08.2014
comment
Я удалил код из brocfile.js и добавил ссылки на bootstrap css и js из CDN в файл index.html, и это работает! Но мне это решение не нравится...   -  person Karoline Brynildsen    schedule 13.08.2014
comment
Сайт развернут на сервере или в данный момент он только локальный? Если он находится на сервере, дважды проверьте, настроен ли ваш сервер для обслуживания соответствующих типов MIME. Я лично использую IIS, поэтому добавление типов mime «ttf» и «woff» требует входа в IIS Manager и добавления туда типов MIME. Если вы просто ищете «добавить тип пантомимы на {ваш сервер}» в своей любимой поисковой системе, должны быть инструкции о том, как это сделать, если они еще не настроены.   -  person Rob Quincey    schedule 14.08.2014
comment
Сайт не развернут на сервере, в настоящее время он размещен только на моем ПК. Но если бы я развернул его на сервере, помогла бы мне настройка IIS? Я имею в виду, поскольку это работает в других браузерах, кроме Firefox?   -  person Karoline Brynildsen    schedule 14.08.2014