Какой файл fontawesome мне следует включить и почему другие не работают

Я работаю над темой WordPress и много раз пытался добавить иконки с потрясающим шрифтом. Наконец, добавив разные CSS-файлы с потрясающими шрифтами, я обнаружил, что некоторые из них работают хорошо, но не другие. Подскажите, пожалуйста, почему другие не работают и какой из них использовать.

Файл all.min.css показывает этот результат.

fontawesome icons

Я использовал разные, чтобы увидеть, какой из них работает. "фа / далеко / причуда / фас"

<div class="fa-3x">
  <i class="fad fa-camera"></i>
  <i class="fas fa-fire-alt"></i>
  <i class="fa fa-bus-alt"></i>
  <i class="far fa-fill-drip"></i>
</div>

И файл functions.php, в который я добавил файл CSS для включения в файл заголовка.

...
//FontAwesome CSS file
    wp_enqueue_style( 'epostlite-fontawesome', get_template_directory_uri() . '/fontawesome/css/all.min.css' );
...

Я использовал версию 5

  • Почему «причуда» и «далеко» показывает прямоугольник вместо значка?
  • Почему не работают "fontawesome.min.css" и "Brands.min.css"?

wordpress icons font-awesome-5
person esel    schedule 28.08.2019    source источник
comment
Я просто не понимаю, как им пользоваться. Там, где работают только несколько значков, fa-facebook или другие не отображаются на страницах.   -  person esel    schedule 28.08.2019

Ответы (2)


arrow_upward
2
arrow_downward

Почему для слов «причуда» и «далеко» отображается прямоугольник вместо значка?

Поскольку fad & far являются профессиональными иконками, они не будут работать в бесплатной версии.

Почему не работают «fontawesome.min.css» и «Brands.min.css»?

Оба варианта будут работать, но вам нужно добавить еще один CSS, который

wp_enqueue_style('font-awesome-solid', get_template_directory_uri() . '/assets/css/font-awesome5/solid.min.css');

после добавления solid.min.css вы получите тот же результат, что и all.min.css

Но предпочтительнее, если вы используете font awesome версии 5, тогда просто используйте all.min.css, нет необходимости включать их все по-разному. вы можете проверить это здесь .

person Nirali Biniwale    schedule 28.08.2019
comment
Когда мне нужен один значок fas, достаточно ли https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/solid.min.css? - person Timo; 02.04.2021

arrow_upward
0
arrow_downward

Вместо добавления большего количества различных CSS, вы можете решить проблему менее чем за 2 минуты. Простая замена /font-awesome/5.13.0/css/fontawesome.min.css на /font-awesome/5.13.0/css/all.min.css, а также font-awesome / 5.13.0 / js / fontawesome. min.js с /font-awesome/5.13.0/js/all.min.js может решить эту проблему. Я предпочитаю использовать cdnjs

https://youtu.be/_GV_pEmLCLU

person Pankaj Kumar    schedule 28.03.2020