![]() |
| Значки Font Awesome не отображаются |
Значки Font
Awesome не отображаются локально при условии, что они не загружены на CDN, причины могут быть следующие:
·
Проверьте
не заблокировали ваша ОС Веб-шрифты (это может происходить из-за групповой
политики компании Microsoft)
·
Убедитесь,
что загружается верный файл веб-шрифтов
·
Убедитесь,
что не используется плагин/расширения, которые могут подгружать более старую
версию шрифтов Font Awesome
·
Убедитесь,
что расширения браузера не блокируют шрифты Font Awesome (к таким расширениям
относятся Noscript, AdBlockPlus и прочие)
В случае, когда
значки Font Awesome отображаются в виде квадратиков необходимо добавить
следующий код в таблицу стилей CSS
@import
url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
Это уберет
квадратики и вернет нормальные иконки, возможно понадобится обновление страницы
Ctrl+F5.
Если иконки Font
Awesome отображаются в виде квадратиков лишь в определенных частях сайта стоит
найти CSS правило отвечающее
за вывод данного элемента и прописать принудительное отображение шрифтов
следующим кодом
i {
font-family:
fontawesome !important;
}
Так стоит
поступить со всеми элементами, где вместо иконок отображаются квадратики.
Если же иконки Font
Awesome не отображаются лишь в браузерах Firefox. То необходимо отредактировать файл .htaccess,
добавив следующий кусок кода
<FilesMatch
".(eot|ttf|otf|woff)">
Header set
Access-Control-Allow-Origin "*"
</FilesMatch>

Комментарии
Отправить комментарий