css - Woocommerce 星级评分编辑

标签 css wordpress woocommerce woff

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

我在将产品评级星号更改为我在 woo commerce 上选择的图片时遇到了一些问题。

我知道 woocommerce 使用来自 fontawesome 包的 woff 文件,我找到了 plugin.css,找到了 woff 文件的字体代码。

我将 SVG 转换为 ttf,然后转换为 woff,并用它替换了 star woff 文件(保持相同的名称以避免更改代码)

但结果是一系列的 S。

完全坚持了几天。

我很感激任何见解。

谢谢

最佳答案

您似乎已将整个字体替换为新字体。

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

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

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

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

您需要使用字体编辑器,以便在正确的位置设置字形。

关于css - Woocommerce 星级评分编辑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22662760/

相关文章:

javascript - 在浏览器 ie6,ie7,ie8 中使用 style.filter 时不起作用

php - 我的 wp_postmeta 表中有值,例如 :1:{i:0;s:1 :"5";}. ....我需要获取最后一个值。这是 ""中的值。在 WordPress 中

javascript - 如何在 Wordpress 主题中使用 Webpack 包含外部库

php - 如何预编译 jade.php 模板?

css - WooCommerce - 如何防止 Storefront 在子主题的样式表之后加载 woocommerce.css

javascript - 自动排序和调整图片库中的图像

jQuery 使用 CSS 调整大小。为什么这行不通?

php - 在 WooCommerce 中获取并显示所选变体 SKU

php - 从 wp_posts 表(以及所有关联表)中删除 wp_postmeta 中的 meta_value 与特定值匹配的所有帖子

html - CSS如何应用:first-child and :last-child