WooCommerce 购物篮图标显示为正方形

Question

我正在使用 WordPress + WooCommerce 并且当我登录购物车图标时工作正常，如果我像普通用户一样注销，它们会显示为无法识别图标的正方形。

我把范围缩小到了：

在我的functions.php中我添加了这个

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');
function child_enqueue_styles() {
wp_enqueue_style( 'reset-style', get_template_directory_uri() . '/ovr.css', array());
}

在我创建的自定义 CSS 文件中加载。如果我删除它，那么图标会按原样显示，起初我认为它一定是一些 CSS 阻止了图标，但它没有意义，因为当我登录时它们显示得很好？

任何帮助将不胜感激。

Answer 1

如果它是一个很棒的图标，请尝试将其添加到 css 文件中的图标类中：

font-family: "fontawesome";

或者，如果这不起作用，请使用 'font-family: "fontawesome" !important;'，或者尝试您的 fontawesome 支持的任何其他字体系列（按版本）。

查看更多：https://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements