Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

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

What_if_Font_Awesome_icons_do_not_show_up_img1

  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");

    What_if_Font_Awesome_icons_do_not_show_up_img2

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

    Например:

    i {
    font-family: fontawesome !important;
    }

    What_if_Font_Awesome_icons_do_not_show_up_img3

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

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

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

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

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

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