css - Woo 商务星级编辑

Question

首先，我为任何值得畏惧的无知道歉，我是新手。

我在将产品评级星星更改为我在 woo commerce 上选择的图像时遇到了一些麻烦。

我了解 woocommerce 使用 fontawesome 包中的 woff 文件，我找到了 plugin.css，找到了 woff 文件的字体代码。

我将 SVG 转换为 ttf，然后转换为 woff 并用它替换了星形 woff 文件（保持相同的名称以避免更改代码）

但结果是一系列的S。

完全坚持了几天。

我很欣赏任何见解。

谢谢

Answer 1

您似乎已经用新字体替换了整个字体。

字体是与不同字符位置相关联的一系列设计（字形）。所以 Times New Roman 中的 W 看起来与 Comic Sans 中的 W 不同。

Dingbat/icon 字体用任意图像代替字母。

您的新图像应该在 S 所在的位置。因为它不是，并且字体文件中的那个位置没有字符，所以您的浏览器将默认使用不同的字体（正如预期的那样，S 位置分配了一个 S）。

您可能会发现站点周围的其他图标看起来不对，因为您已经换掉了整个 .woff 文件。

您需要使用字体编辑器，让您在正确的位置设置字形。