В настоящее время я использую шрифт awesome 5.0.9 в проекте, но я озадачен проблемой, с которой я столкнулся.
Я загрузил свои файлы следующим образом;
Структура файла
Root Dir/
- css/
- fa-brands.min.css
- fontawesome-all.min.css
- js/
- webfonts/
- fa-light-300 (All types - eot, svg, ttf etc.)
- fa-brands-400 (All types - eot, svg, ttf etc.)
- fa-regular-400 (All types - eot, svg, ttf etc.)
- fa solid-900 (All types - eot, svg, ttf etc.)
functions.php
wp_enqueue_style( 'font-awesome-brands', get_stylesheet_directory_uri() . '/css/fa-brands.min.css', array(), $the_theme->get( 'Version' ) );
wp_enqueue_style( 'font-awesome-pro', get_stylesheet_directory_uri() . '/css/fontawesome-all.min.css', array(), $the_theme->get( 'Version' ) );
Значок Я пытаюсь использовать
<span class="d-none d-sm-block btn btn-lg btn-icon btn-white text-primary rounded-circle mb-4">
<span class="far fa-lightbulb-on btn-icon__inner"></span>
</span>
Значок не отображается, я даже не получаю квадрат. (
У меня сейчас,
- Проверено на переопределение css (не видно)
- Переместил мои CSS-файлы в ту же папку (не работал, поэтому я переместил их обратно)
- Проверил файл fontawesome-all.css, чтобы проверить, что путь в порядке, вроде нормально
example: src:url(../webfonts/fa-brands-400.eot)
- включено
<FilesMatch ".(eot|ttf|otf|woff)">Header set Access-Control-Allow-Origin "*"</FilesMatch> в мой файл .htaccess.
Инструменты разработчика Chrome указали мне одну подсказку, хотя я могу видеть на панели источников все мои веб-шрифты, кроме fa-light-300.woff2 (я предполагаю, что другие типы тоже отсутствуют, например, fa-light-300.svg и т. Д. .). Что объясняет, почему я могу без проблем использовать fa-бренды и fa-solid иконки.
Если кто-то может помочь направить меня в правильном направлении, я буду вечно благодарен.