This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Thread ini telah diarkib. Sila tanya soalan baru jika anda perlu bantuan.

some sites cannot display correctly, the css file doesn't work

  • 5 balasan
  • 1 ada masalah ini
  • 1 paparan
  • Balasan terakhir oleh cor-el

tfuji
tfuji
more options

some wordpress sites can not display correctly. ex. https://clayfanshop.com/ it looks css files doesn't work.

The site works correctly other browsers, Google chrome, Edge, IE.

Clear all cache and cookie, but nothing changes. I installed Firefox on another PC, but it had same problem.

Not only the site, the layout of login page of my wordpress is broken (css files are not working), so it is not the problem of wordpress theme or plugins.

some wordpress sites can not display correctly. ex. https://clayfanshop.com/ it looks css files doesn't work. The site works correctly other browsers, Google chrome, Edge, IE. Clear all cache and cookie, but nothing changes. I installed Firefox on another PC, but it had same problem. Not only the site, the layout of login page of my wordpress is broken (css files are not working), so it is not the problem of wordpress theme or plugins.

All Replies (5)

WestEnd
WestEnd
more options

I would advise to use Chrome since I find it works better with sites to translate language and properly display the site.

tfuji
tfuji Pemilik Soalan
more options

Yes, I know Chrome, Edge, IE, and Opera works well.

But, I'd like to know why this problem happens.

If it caused by problem in Firefox , it should be fixed. If it can be solved by web site side, I want to know how to do it, because same problem has happened on my Wordpress site.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

This website uses <link rel="preload"> to load some style sheets. Current Firefox versions do not support this preload feature.

You can run this code in the Web Console or create a bookmarklet (new bookmark) and paste this JavaScript code in the location field. If you run this code then Firefox will retrieve the CSS files. 

javascript:(function(){var e=document.querySelectorAll('link[rel="preload"]'),E,i;for(i=0;E=e[i];i++){E.setAttribute('rel','stylesheet')}})()
tfuji
tfuji Pemilik Soalan
more options

Thank you very much!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome.

See also:

  • Bug 1405761 - css not loaded correctly with rel=preload

(please do not comment in bug reports
https://bugzilla.mozilla.org/page.cgi?id=etiquette.html) You can vote for a bug to show your interest
https://bugzilla.mozilla.org/page.cgi?id=voting.html