Font Awesome 5.8.1 Не загружаются значки
По какой-то причине мои иконки не загружаются для шрифта awesome 5.8.1
Все файлы действительно ставятся в очередь и загружаются на страницу:
wp_enqueue_style( 'fontawesome-solid', 'https://use.fontawesome.com/releases/v5.8.1/css/solid.css', false, NULL, 'all' );
wp_enqueue_style( 'fontawesome-regular', 'https://use.fontawesome.com/releases/v5.8.1/css/regular.css', false, NULL, 'all' );
wp_enqueue_style( 'fontawesome-brands', 'https://use.fontawesome.com/releases/v5.8.1/css/brands.css', false, NULL, 'all' );
wp_enqueue_style( 'fontawesome', 'https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css', false, NULL, 'all' );
Код:
<span class = "header-mob-phone"><i class = "fas fa-phone"></i></span>
<span class = "header-nav-icon"><i class = "fas fa-bars"></i></span>
Результатом являются просто квадраты, никаких ошибок консоли, и семейство шрифтов не перезаписывается, равно как и вес шрифта или любые другие значения из таблицы стилей шрифта awesome.
@TemaniAfif ни один из значков не является про-версией, я бы хотел, чтобы это было так просто
и вы уверены, что шрифт awesome CSS загружается?
@TemaniAfif конечно (i.imgur.com/WwKrTOl.png)
ссылка на сайт?
В зависимости от того, какой браузер вы используете, вы должны открыть инструменты разработчика и сначала посмотреть, есть ли у вас ошибки JS. Во-вторых, я бы проверил вкладку «Сеть», если ваши файлы CSS действительно загружаются правильно.
Нет ошибок, я сказал это ... все загружается нормально на вкладке сети, а сайт находится на локальном хосте
Работает нормально, когда я добавляю диапазоны в jsfiddle и добавляю четыре таблицы стилей в качестве внешних ресурсов, поэтому с кодом все в порядке. Вы проверили в приватном окне, чтобы убедиться, что расширения не мешают? Что происходит, когда вы добавляете другие свойства непосредственно к псевдоэлементам, например, цвет фона?
@ 04FS это действительно так, я так растерялся, почему это не работает, поскольку оно настроено именно так, как должно быть!
Ответы 1
Убедитесь, что font-weight правильный. У меня была такая же проблема при использовании кодов контента в тегах span, но добавление font-weight: 900 решило ее.
может они PRO версии?