X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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.

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.109 Safari/537.36

More Information

WestEnd
  • Top 25 Contributor
61 solutions 5340 answers

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

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

Question owner

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.

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
  • Top 10 Contributor
  • Moderator
17336 solutions 156738 answers

Helpful Reply

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')}})()
This website uses <b>&lt;link rel="preload"&gt;</b> to load some style sheets. Current Firefox versions do not support this preload feature. * https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content 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. <pre><nowiki>javascript:(function(){var e=document.querySelectorAll('link[rel="preload"]'),E,i;for(i=0;E=e[i];i++){E.setAttribute('rel','stylesheet')}})()</nowiki></pre>

Question owner

Thank you very much!

Thank you very much!
cor-el
  • Top 10 Contributor
  • Moderator
17336 solutions 156738 answers

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

You're welcome. See also: *[https://bugzilla.mozilla.org/show_bug.cgi?id=1405761 Bug 1405761] - css not loaded correctly with rel=preload (<i>please do not comment in bug reports<br>https://bugzilla.mozilla.org/page.cgi?id=etiquette.html</i>) You can vote for a bug to show your interest<br>https://bugzilla.mozilla.org/page.cgi?id=voting.html