添加CSS:before的图标不会出现在Chrome上

我用过：

要添加图标，请在每个列表元素之前添加图标

图标在Safari上按应有的方式显示：

但不是在Chrome上：

为什么？

以下是我的网站链接：

检查图标列表位于产品名称下方的订单审查表中

---

我曾经用这个方法在其他地方用CSS添加图标

：在

元素之前，它一直有效。这次没有。

发现问题，需要添加

字体重量：600

发现问题，需要添加

字体重量：600
我也有类似的问题，发现添加了
字体重量：900有效。
我也有类似的问题，发现添加了
字体重量：900成功。
寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅。寻求代码帮助的问题必须包含在问题本身中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见
td.product-name dl.variation dd li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #000;
    margin-right: 8px;
}