Firefox Developer ignoring font-weight

Question

I'm using the newest Firefox Developer Edition (78.0b2). Unfortunately when trying to import a font from google-fonts with multiple weights, Firefox is ignoring the font weight where in Chrome everything works as expected.

I tried to clean cache, disable adblocker etc, nothing helps. When page initially loads I can clearly see that correct weights are applied to the fonts but then they are immediately replaced by first weight imported from google fonts.

Here is how I'm importing the fonts:

<link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@700&family=Work+Sans:wght@400;500;600&display=swap" rel="stylesheet"> 

Here is screenshot of how it looks like in Firefox:

Here is how it looks in Chrome:

What is even more interesting that when I open the page in Firefox but in incognito mode, the correct weights are applied. But as I said, I tried to clean cache with ctrl+f5 or ctr+shift+r but it didnt help.

Appreciate your help!

Answer 1

If it seems that Firefox is ignoring font-weight property, you could try the following:

1. Open about:config
2. Check Show only modified preferences
3. Type font to show all font related settings
4. Revert them to default values.

It has worked for me.

Answer 2

I've had issues with Firefox and define everything through CSS using:

@supports(-moz-appearance:meterbar) and (max-width: 
768px){foo}} 

Answer 3

Closing this one, reinstalling Firefox fixed the issue for me.