NO BUG: Custom font loading, Firefox based browsers <select> field

Browser: Firefox 124.0.1 (also in latest Firefox Dev and nightly)
OS: Windows
URL: Gebraden Italiaans Gehakt - Keurslagerij Keulen

Custom font not loading in fields (from Woocommerce). Go to product page and select weight (=gewicht) or see screenshot.

Checked if this is Firefox bug (which happened before a few times), but on the few other sites i have with Woocommerce and different theme/builder it is working correct. Not 100% sure this is a little Bricks bug.

font-firefox

Hi Stan,
Thanks so much for your report!

Do you use custom or system fonts on the other pages where it is working as expected?
Can you provide me with a live link to a site where it’s working as expected?

Best regards,
timmse

Using custom font in Bricks settings with ttf, woff and woff2 file (for 200, 400 and 700 font variation set to the same and one font). Here a link to homepage and the URL in my previous post to the product page the custom font is loading correctly.

I am mentioning the field, but that is incorrect. It is actually the field that is using a normal system font. This could be a bug in Firefox based browsers. In Chrome based browsers and Edge all is fine. Not sure in Safari.

The incorrect font is displayed in all dropdown fields. So also the sorting field dropdown (for sorting products) and the category dropdown.
I did find 2 sites from the showcase section with woocommerce having the same issue.

#edit: just a quick addition. I checked bricksbuilder.io website and looked for dropdown. There is one dropdown in account dashboard where you can choose older downloads for Bricks. There i also see default font in dropdown.

Actually, I only wanted one thing:

However, there are several stone-age-old Firefox bug reports about select fields and fonts that have not yet been fixed.

As far as I can see, the problem you describe only occurs under Windows.
What happens if you add the following to Bricks » Settings » Custom CSS?

option {
  font-family: system-ui;
}

That custom CSS works!
Going to add that remotely to my sites with snippet later on as a temp fix.

Sorry about the link. You ment from one of the other sites i made i with other templates/builders. For example this one, but you solved it already. And indeed working in Windows.

Ok, wonderful. Since there are so many open reports on this problem, I find it difficult to see this as a Bricks bug. If we get more reports on this, we will have to look at it again in detail.

1 Like