Что делать, если Font Awesome не работает в Firefox?

В этом посте речь пойдет о частой проблеме отображения Font Awesome в Firefox и/или Internet Explorer. Font Awesome — это замечательный и простой способ поставить красивые векторные иконки себе на сайт или блог, и всячески изменять их отображение посредством CSS.

Пользователи WordPress чаще всего подключают этот способ установки иконок посредством плагинов, особенно актуален Font Awesome в оформлении меню. Для этого существуют специальные плагины, например Font Awesome 4 Menus, который едва ли не единственный постоянно обновляющийся.

Проблема может возникнуть на некоторых сайтах и темах, тогда вместо стандартных значков от Font Awesome — отображаются квадратики с кодами. Этот баг может отображаться только на Firefox, а может и на  IE и других браузерах. Причины этого бага самые разнообразные — от неправильной настройки .htaccess до проблем с оптимизаторами CSS.

Если выискивать проблему у вас нет ни времени ни желания — могу предложить самый простой вариант решения бага. Для этого нужно всего навсего добавить в <head> сайта следующую строчку:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

Как найти <head> в WordPress?

Чтобы вставить вышеуказанную строчку в <head> в WordPress — его нужно сначала найти. Обычно это можно сделать через встроенный редактор WordPress, редактируя header.php, или посредством FTP-клиента.

В папке вашей текущей темы (путь обычно такой — vash.sait/wp-content/themes/vasha-tema) найдите файл header.php и откройте его любым текстовым редактором, между тегами <head></head> просто вставьте строчку и Font Awesome заработает на всех браузерах.

Поделись/сохрани ссылку: