首页 > 解决方案 > WooCommerce 购物篮图标显示为正方形

问题描述

我正在使用 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 阻止了图标,但它没有意义,因为它们在我登录时显示正常?

任何帮助将不胜感激。

标签: phpcsswordpresswoocommerce

解决方案


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

font-family: "fontawesome";

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

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


推荐阅读