2017-05-08 34 views
0

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

回答

0

雖然我沒有你做什麼主題的任何信息,我認爲你缺少的字體所有奇怪的字符稱爲字形

請看看你的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來看看,否則我看不到任何幫助。抱歉。 –

0

我認爲你的情況font-family在css中缺少或替換爲.star-rating類。如果是這樣,那麼在您的css中添加.star-rating{font-family: star},並且必須檢查其未被其他人覆蓋。

+0

我已更新我的問題。 '.star-rating {font-family:star}'已經在那裏了。 – DD77

相關問題