Невозможно использовать Fontawesome в качестве элементов списка неупорядоченных списков в Wordpress Woocommerce

Question

Я использую это css, чтобы получить замечательные глифы в качестве маркеров элементов списка - я использовал это в простой ванили (не на сайтах WordPress до того, как без проблем:

ul#lene-pages-list, #lene-pages-list li {
  padding    : 0;
  margin     : 0;
  list-style : none;
}

ul#lene-pages-list {
  margin : 2em 0;
}

#lene-pages-list li {
  margin      : 1em;
  margin-left : 3em;
}

#lene-pages-list li:before {
  content     : '\f005';
  font-family : 'FontAwesome';
  float       : left;
  margin-left : -1.5em;
  color       : #0074D9;
}

В результате отображаются небольшие поля, в которых Символ глифа должен указывать на то, что код не распознан. Я попробовал около двадцати различных кодов из Fontawesome 4.x, который установлен и работает везде на сайте (включая ту же страницу), поэтому я знаю, что Fontawesome поддерживается и устанавливается нормально.

Я прочитал на сайте Fontawesome здесь , что вы принимаете чистый html встроенный подход, таким образом:

  <ul class="fa-ul">
    <li><span class="fa-li"><i class="far fa-star"></i></span>C#</li>
    <li><span class="fa-li"><i class="far fa-star"></i></span>PHP</li>
    <li><span class="fa-li"><i class="far fa-star"></i></span>ASP</li>
    <li><span class="fa-li"><i class="far fa-star"></i></span>Cold Fusion</li>
    <li><span class="fa-li"><i class="far fa-star"></i></span>Python</li>
    <li><span class="fa-li"><i class="far fa-star"></i></span>Pearl</li>
</ul>

Классы являются Fontawesome Speci c. Вау, это похоже на шаг назад - это все еще так? Я не уверен, сколько лет этой статье, но я не могу поверить, что это путь вперед. У меня есть более 80 страниц, чтобы написать код вручную, чтобы использовать их предложенный метод - разве это не то, что css для ... DRY