Я использую самую последнюю доступную версию. Но значки по-прежнему отображаются как ящики в моем приложении в IE9 (Примечание: он отлично работает на IE8). Хотя при открытии экранной страницы значки выглядят нормально.Fontawesome Icons не работает на IE9 и Chrome
Это то, что я получаю в консоли инструмента разработчиков:
CSS3117: @ шрифт лицо не удался запрос перекрестного происхождения. Доступ к ресурсам ограничен. fontawesome-webfont.eot? #iefix & v = 3.0.1 CSS3117: @ font-face не удалось выполнить запрос перекрестного происхождения. Доступ к ресурсам ограничен. fontawesome-webfont.woff? V = 3.0.1 CSS3117: @ font-face не удалось выполнить запрос перекрестного происхождения. Доступ к ресурсам ограничен. fontawesome-webfont.ttf? V = 3.0.1
Я также выяснил, что он не работает в Firefox. Он работает только на хром и IE8
Любая помощь в чем может быть причиной проблемы ??
Я все еще не понимаю, что мне делать, чтобы заставить его работать. Предоставленное решение уже обрабатывается так, как определено fontawesome: @ font-face { font-family: 'FontAwesome'; src: url ('font/fontawesome-webfont.eot? V = 3.0.1'); src: url ('font/fontawesome-webfont.eot? # Iefix & v = 3.0.1') format ('embedded-opentype'), url ('font/fontawesome-webfont.woff? V = 3.0.1') format ('woff'), url ('font/fontawesome-webfont.ttf? v = 3.0.1') format ('truetype'); font-weight: normal; font-style: normal} –
ОК, но эти ссылки относятся к таблице стилей. Вы загружаете таблицу стилей из того же имени хоста, что и ваша веб-страница? –
Нет, мои таблицы стилей загружаются из AmazonS3, в то время как шаблоны html загружаются из героку. –