Cdnjs: Font Awesome не работает в Firefox (найдено возможное исправление)

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

https://github.com/bfintal/cdnjs/blob/font-awesome-ff-patch/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

Возможно, добавление этого на сервер cdnjs также заставит его работать: http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

Привет Джами,
Спасибо за информацию. Мы рассмотрим это :)

В четверг, 10 января 2013 г., в 22:22, Jami Intal [email protected] написал:

Возможно, добавление этого на сервер cdnjs также заставит его работать:
http://www.wpthemehelp.com/knowledgebase/font-icons-not-working/

—
Ответьте на это письмо напрямую или просмотрите его на Gi tHubhttps://github.com/cdnjs/cdnjs/issues/755#issuecomment -12092131.

Я сделал несколько тестов и нашел исправление.

Консоль разработчика FF показывает это при загрузке шрифта awsome css:

[09:29:21.785] downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed
source: http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/font/fontawesome-webfont.woff @ http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.0/css/font-awesome.min.css

Сервер должен предоставить правильные заголовки для разрешения доступа (получено из: https://github.com/netdna/bootstrap-cdn/issues/27):

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

Это _должно_ решить проблему. Если это все еще не так, URL-адреса файлов шрифтов в CSS также должны быть изменены на относительные.

@bfintal Это фантастическая информация, приятель, большое спасибо.

@bfintal Спасибо замечательным ребятам из CloudFlare, все должно быть хорошо :)

Попробуйте обновить кеш и протестировать. Дайте мне знать, как это происходит.

Хорошо, что теперь работает! (скорее всего и для IE тоже). Спасибо, Райан и CourFlare! :)

Спасибо, парни. Работает удовольствие.

Ввод абсолютного пути решил эту проблему для меня. Спасибо!

Ну, это один из официальных примеров htacess, предоставленный maxcdn, у него есть решение для отличного шрифта, а также для скорости в отношении проблем. http://support.netdna.com/tutorials/htaccess-examples/ или ознакомьтесь с этим руководством http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/

Но я не знаю, будет ли это работать при использовании cloudflare.

Благодаря @terinjokes у нас появилась поддержка CORS!

Спасибо за хорошее объяснение шрифта awesome - решение проблемы Mozilla.
Я тоже наткнулся на эту полезную статью...
http://wpvkp.com/font-awesome-doesnt-display-in-firefox-maxcdn/
Взгляни...

В папку со шрифтами загрузите следующие файлы

FontAwesome.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
------------------ Важные файлы глификонов----------------
glyphicons-halflings-regular.eot
глификоны-halflings-regular.svg
glyphicons-halflings-regular.ttf
глификоны-полурослики-regular.woff

Пожалуйста, загрузите следующие файлы, и после этого вы свяжете свой font-awesome.min.css в файле заголовка.

Вот следующая ссылка с нужными файлами:
http://goo.gl/WICQAf

Всем привет.
Я обнаружил, что шрифт Awesome не работает в FF.
Не могли бы вы помочь мне, как мне быть?

@ blueror815 если нет подробной информации, чем мы можем вам помочь?

Спасибо всем, кто внес свой вклад!!! Это исправило для меня добавление залива в файл .hta.

Набор заголовков Access-Control-Allow-Origin "*"

:+1: Хорошо

@ Subhojit1992 Спасибо, все работает. Я скачал css и шрифты по данной ссылке. Теперь работает нормально :+1:

CDNJS уже некоторое время обслуживает файлы шрифтов Font Awesome с Access-Control-Allow-Origin "*". Я могу рассмотреть конкретные случаи, если будет предоставлено больше деталей.

У меня такая же ошибка с Firefox (отлично работает во всех других браузерах). Значки FontAwesome отображаются в виде прямоугольных блоков с кодом символов Unicode внутри.

Ошибка больше не связана с CDNJS и теперь является проблемой в Firefox. Файлы FontAwesome (css и woff) загружаются из CDN просто отлично с 200 OK.

Проблема вызвана тем, что Firefox неправильно отображает Unicode, когда необычный символ Unicode, такой как , вставляется непосредственно в разметку. Это работает, когда вы используете псевдоэлемент и контент, например:

yourelement::before {
    content: '\f067';
    font-family: FontAwesome;
}

@ J3QQ4 Спасибо за отчет!

@Subhojit1992 Subhojit1992 Большое спасибо .. с вашим решением я решил эту проблему ..

Может ли кто-нибудь сказать мне, что делать, потому что мои пользовательские шрифты не работают в FF даже на моем локальном html, показывая ту же ошибку «загружаемый шрифт: загрузка не удалась (семейство шрифтов: стиль« gotham_lightregular »: нормальный вес: нормальное растяжение: нормальный src index:1): неверный URI или межсайтовый доступ запрещен источник: "Я даже не могу применить здесь код .htaccess.

@thakurpunk извините за поздний ответ, не могли бы вы дать нам URL-адреса, с которыми у вас возникла проблема (несколько примеров)?

Работал как шарм!
Проблема решена Большое спасибо :)
Добавление этого в файл .htaccess решило это>

Набор заголовков Access-Control-Allow-Origin "*"

Привет, друзья!
скопируйте HTML-форму на этой странице в ваш index.html :
https://www.bootstrapcdn.com/fontawesome/
удачи :)