レビュー評価をWooCommerceのS'sからどのように変更できますか？

Question

WooCommerceのレビュー評価の画像を現在の「S」から実際のスター画像に変更するにはどうすればよいですか？
良いGoogle検索の後、私はこれを試しました：Replace theme ratings with WooCommerce stars
しかし、それは動作しません。 Sを小さなボックスに変更するだけです。

現在のCSS：

.woocommerce .star-rating { 
    float:right; 
    overflow:hidden; 
    position:relative; 
    height:1em; 
    line-height:1; 
    font-size:1em; 
    width:5.4em; 
    font-family: HelveticaNeue-Light, Helvetica Neue Light; 
} 
.woocommerce .star-rating:before { 
    content:"\73\73\73\73\73"; 
    color:#d3ced2; 
    float:left; 
    top:0; 
    left:0; 
    position:absolute; 
} 
.woocommerce .star-rating span { 
    overflow:hidden; 
    float:left; 
    top:0; 
    left:0; 
    position:absolute; 
    padding-top:1.5em; 
} 
.woocommerce .star-rating span:before { 
    content:"\53\53\53\53\53"; 
    top:0; 
    position:absolute; 
    left:0 
} 

Answer 1

あなたのCSSでこれを使用します。

.woocommerce .star-rating span { 
    font-family:star; 
} 

を