Значки Font Awesome не отображаются? Что делать

Значки 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>

Комментарии