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

1. Значки Font Awesome не отображаются локально, если они не размещены на CDN.

   • Вы не используете плагины/расширения, которые подгружают более старую/модифицированную версию Font Awesome;

   • Ваша панель разработчика браузера указывает, что Вы загружаете правильные файлы шрифтов;

   • Расширения вашего браузера не блокируют веб-шрифты (noscript, adblockplus и т.д.);

   • Ваша операционная система не блокирует веб-шрифты (Групповая политика Microsoft).

2. Если значки Font Awesome отображаются как квадратики, просто добавьте следующий фрагмент кода в ваш файл стилей:

   @import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

   

3. Если значки не работают только в конкретных областях, Вы можете найти правило css, которое управляет стилями элементов, содержащих значки, используя инструмент Firebug и указать для него семейство шрифтов.

   Например:

   i {
   font-family: fontawesome !important;
   }

   

   Обратите внимание, лучше использовать конкретные классы CSS, для того чтобы не применить изменения глобально.

4. Если значки Font Awesome не отображаются только в Firefox/IE, добавьте следующий фрагмент кода в файл .htaccess:

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

Обратите внимание на нашу коллекцию высококачественных Веб-шаблонов, если Вам нужно больше шаблонов!

Вы можете также ознакомиться с детальным видео-туториалом ниже: