CODEWITHSUNDEEP
cssfirefox
windupkid
windupkid

Reputation: 21

Firefox CSS not loading

I stumbled across an odd issue in firefox today.

The stylesheet for one of my pages doesn't load in Firefox, although it does on Chrome and Safari. When I open Firefox Developer, I can see this stylesheet. If I open it up in the Style Editor section and make any change (e.g. hit space one time somewhere on the sheet), the css is applied to the page.

Since the stylesheet seems to be loaded up properly after all, anyone know why it's not showing up initially? Probably an obvious solution, but I've been stumped on this for a while. Thanks in advance!

Upvotes: 0

Views: 9221

Answers (2)

NJA
NJA

Reputation: 31

Do a Ctrl+Shift+R on PC or Cmd+Shift+R on Mac. I struggled with this for hours until I found this.

Upvotes: 3

Jad Joubran
Jad Joubran

Reputation: 2579

As you mentioned in your comment, the problem is that the stylesheet is being processed as an image.
If you open your firefox console you should probably see a warning.
So what happened is that when you edited it using the StyleEditor, the correct mime type is being fixed.

If your stylesheet is generated from a backend, you need to make sure to set the correct mimetype in the headers.
If that does't solve it, try to "save as" your file and make sure it's being saved with an encoding of UTF-8 and using an IDE or a coding text editor

Upvotes: 0

Related Questions