星收视率节目“SSSSS”,而不是星号 - woocommerce我的产品页面的

问题描述:

enter image description here星收视率节目“SSSSS”,而不是星号 - woocommerce我的产品页面的

截图显示其代替明星SSSSS。我刚刚升级了我的主题和woocommerce与最新版本,并开始面临这个问题。在此之前,一切都很好。

我已经搜索了该问题,但无法获得任何解决方案。可能是什么问题?我是新点点woocommerce

我已经检查css文件,我表示'\53\53' & \73\73符号,我需要与\e021来更换呢?

UPDATE:

此代码已经存在在我拥​​有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; 
     } 
    } 
+0

“我检查过css文件,并显示'\ 53 \ 53'和\ 73 \ 73符号我需要用\ e021替换它吗?”好?你尝试过吗?发生了什么? – helgatheviking

+0

我试过它在萤火虫,但它不工作。 – DD77

+0

Firebug并不总是像更改CSS和加载页面一样。你确认字体*是*加载?字体不加载或者试图显示字体中不存在的字符(例如:使用错误的字符作为所需的图标)。 – helgatheviking

虽然我没有你做什么主题的任何信息,我认为你缺少的字体所有奇怪的字符称为字形

请看看你的WP-的header.php的functions.php约字体(S)的附加信息的内部,再加上检查,如果你有需要的wp-content /主题/ your_theme/some_folder_with_fonts里面的字体。

此外请清除您的缓存。它可能具有相同的CSS文件名,而CSS的内容不同,现在字体的“位置”(url)不同。

为此,请在您正在访问的页面上按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 
} 

这是来自原来的主题。

请让我知道这是否工作。

+0

我正在使用'电子'主题。在我将主题更新为最新版本之前,它工作良好,所以我需要添加字体? – DD77

+0

在发布此问题之前,我已经清除了大量缓存,但不幸的是它尚未运行。 – DD77

+0

好的,在这种情况下,我想我需要问你一个URL来看看,否则我看不到任何帮助。抱歉。 –

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

+0

我已更新我的问题。 '.star-rating {font-family:star}'已经在那里了。 – DD77