Question

我的产品页面的屏幕截图，显示SSSSS代替星星。我刚刚用最新版本升级了主题和woocommerce并开始面对这个问题。在那之前一切都很好。

我已经搜索过该问题，但无法获得任何解决方案。可能是什么问题？我对woocommerce有点新鲜了

我已检查css文件，并显示'\53\53'＆amp; \73\73符号我是否需要将其替换为\e021？

更新

此代码已存在于我的woocommerce.scss

中

    /**
     * Star ratings
     */
    .star-rating {
        float: right;
        overflow: hidden;
        position: relative;
        height: 1em;
        line-height: 1;
        font-size: 1em;
        width: 5.4em;
        font-family: 'star';

        &::before {
            content: '\73\73\73\73\73';
            color: darken( $secondary, 10% );
            float: left;
            top: 0;
            left: 0;
            position: absolute;
        }

        span {
            overflow: hidden;
            float: left;
            top: 0;
            left: 0;
            position: absolute;
            padding-top: 1.5em;
        }

        span::before {
            content: '\53\53\53\53\53';
            top: 0;
            position: absolute;
            left: 0;
        }
    }

    .woocommerce-product-rating {
        @include clearfix();
        line-height: 2;
        display: block;

        .star-rating {
            margin: 0.5em 4px 0 0;
            float: left;
        }
    }

Answer 1

虽然我没有关于你使用什么主题的任何信息，但我认为你缺少的字体有所有奇怪的字符，叫做字形。

请查看 wp-header.php ， functions.php ，了解有关字体的其他信息，并检查您是否需要字体可湿性粉剂内容/主题/ your_theme / some_folder_with_fonts。

另外请清除缓存。它可能具有相同的CSS文件名，而css的内容不同，而且字体的“地点”（网址）现在也不同。

为此，请在您正在访问的页面上按CTLR + SHIFT + R.最简单的事情。很大的问题。曾多次去过那里。

编辑：添加了原始主题中找到的字体声明缺少的CSS部分

所以这是你在CSS文件中缺少的代码：

@font-face {
    font-family: star;
    src: url(/electro/wp-content/plugins/woocommerce/assets/fonts/star.eot);
    src: url(/electro/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix) format('embedded-opentype'),url(/electro/wp-content/plugins/woocommerce/assets/fonts/star.woff) format('woff'),url(/electro/wp-content/plugins/woocommerce/assets/fonts/star.ttf) format('truetype'),url(/electro/wp-content/plugins/woocommerce/assets/fonts/star.svg#star) format('svg');
    font-weight: 400;
    font-style: normal
}

这来自原创主题。

如果有效，请告诉我。

Answer 2

我认为在你的情况下，css中的.star-rating类缺少或替换了font-family。如果是这样，那么在您的CSS中添加plugin，并且必须检查其未被其他人覆盖。

星级评分显示'SSSSS'而不是明星符号 - woocommerce

2 个答案: