wordpress - 无法在 Wordpress Woocommerce 中使用 Fontawesome 作为无序列表项目

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 的大约 20 种不同代码，这些代码已安装并在站点上的其他任何地方（包括同一页面）工作，所以我知道支持 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 的。哇，这似乎是一个倒退，还是这样吗？我不确定这篇文章有多老，但我不敢相信这是前进的道路。我现在有 80 多页要手动编写代码来使用他们建议的方法——这不正是 css 的用途吗……干

标签： wordpresslistitem