[Reviews] Star.woff font not loading in product archive pages

The star icon font is included in woocommerce.css, so that needs including if your theme still uses our CSS. Maybe this theme has some kind of conditional load? Ratings are not usually shown on archives.

mmmm…. I will say at one point this worked fine on the archive pages. i didn’t write this code in, my theme came with it. i’m not sure what i did to trigger the change/remove the font.

im not sure how to look for the condition, i tried looking in various function files with no luck. how can i queue up this font file for archive pages?

It’s not ‘queued’ separately. It’s part of the woocommerce CSS file. If its missing in your theme CSS, whatever CSS file responsible needs to be enqueued.

Don’t know how your theme works so cannot tell you exact steps.

solved it – i copied all of the woocommerce css into my master stylesheet and dequeued the original. forgot to copy over the @font declarations but the font was happened to be called correctly on the single product page from a JS file. added the @font family source to my master sheet and it works.

Hello @nicolemurray,

I am having the EXACT same problem as you, stuck with S’s on the shop page. Would you be able to share your solution in a little more detail? I am not that advanced of a coder..

So far I was able to find that in this file: themes/function/includes/integrations/woocommerce/woocommerce.php
woocommerce styles were disabled, and when deleting the following code, the stars would come back, but it screwed up all my other formatting.

// Disable WooCommerce styles
if ( version_compare( WOOCOMMERCE_VERSION, '2.1' ) >= 0 ) {
    // WooCommerce 2.1 or above is active
    add_filter( 'woocommerce_enqueue_styles', '__return_false' );
} else {
    // WooCommerce less than 2.1 is active
    define( 'WOOCOMMERCE_USE_CSS', false );
}

I’ve been spending weeks on this problem, and no matter how much I play around with css, the best I can do is to switch is back and forth from SSSSS to “5 out of 5”.

I’ve come to the same conclusion as you, that for some reason the font that displays the stars is just not loading on the shop (product archive) pages, however I’m not sure how to force it there. Is that what you did by “adding the @font family source to my master sheet”? Could you explain that in a little more detail? Smashing my head into the wall at this point lol

Forever grateful for your response…

The icons are actually a font that is declared in Woocommerce’s stylesheet. If that sheet is dequeued, as it appears to be, you’ll need to declare it in the sheet you are actually using.

Open up woo’s original stylesheet and look for a block starting with @font at the top, one of those is the icon font star.woff. Copy it and paste this block into your live sheet.

I have exact same problem…..but I don’t get it what you mean…
Could you please elaborate that or show(snapshot) me how to fix it please?

I have no idea why all of sudden it shows up like “SSSSS” instead of stars…
Please I need your response as soon as possible!
Thank you in advance.