css - 使用 CSS 添加的图标：之前不会出现在 Chrome 上

Question

我用了：

td.product-name dl.variation dd li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    color: #000;
    margin-right: 8px;
}

:before为每个列表元素添加一个图标。

该图标应在Safari上显示：

但不在Chrome上：

为什么？

这是我网站的链接：https ://www.mydreamtattoo.com/checkout/?add-to-cart=3981

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

过去我曾在其他地方使用这种方法:before使用 CSS 添加图标元素，并且一直有效。这次没有。

标签： cssgoogle-chromeiconsfont-awesome

Answer 1

发现问题，需要补充font-weight: 600;