Я разработчик www.xlent.se, и если вы попытаетесь загрузить страницу в IE или FF, вы заметите, что все значки заменяются «шестнадцатеричными блоками», ,Проблемы с рендерингом FontAwesome и Glyphicons в Firefox и Internet Explorer
Проблемы возникли только после перенастройки проекта с сервера разработки на производственный сервер. Я не уверен, связано ли это с кешированием или MIME-типами или чем-то еще.
Согласно вашему комментарию, кажется, что ваш сервер не отправляет правильные заголовки. Вы могли бы решить эту проблему, добавив следующую строку в ваш .htaccess файл:
<FilesMatch ".(ttf|otf|eot|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
При загрузке файлов (bootstrap и font-awesome) от CDN и не с вашего сервера используйте следующее:
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
Также убедитесь, что вы не загружаете font-awesome несколько раз. Ваш мини-код CSS уже содержит font-awesome и bootstrap.
Добавление заголовка Access-Control-Allow-Origin решило мою проблему, спасибо. Кроме того, я закрыл FilesMatch с помощью, не уверен, если это необходимо. –
@ EmilKantis Я забыл окончательный тег, добавив его в ответ. – enyce12
Попробуйте включить оригинальный файл css из CDN и проверьте, не по-прежнему ли он работает: '// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' – enyce12
Это сделало FontAwesome визуализировать правильно, спасибо! Знать, куда включить бутстрап-глификон? –