some sites cannot display correctly, the css file doesn't work
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)
I would advise to use Chrome since I find it works better with sites to translate language and properly display the 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.
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')}})()
Thank you very much!
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