"The stylesheet was not loaded because its MIME type, "text/html" is not "text/css".
EDIT: Note that it tells that "The stylesheet ABCD..." But ABCD is actually an HTML file.
Edit (ANSWER) : Actually I had wrongly put
href="", and hence the html file was refenecing itself as the CSS. Mozilla had the similar bug once, and it is from there I got the answer. But everyone's else answers helped me too. Thanks.
In the head section of your html document:
<link rel="stylesheet" type="text/css" href="/path/to/ABCD.css">
Your css file should be css only and not contain any markup.
Actually I had wrongly put href="", and hence the html file was referencing itself as the CSS. Mozilla had the similar bug once, and I got the answer from there.
This is more likely an issue at your server side. you request style sheet page "Styles/Site.css" from the server of type "text/css", but your server might be responding to this request with "test/html". I had this issue when my server was running in python and it was replying to requested css files with header text/html (as that of my index.html file). I re-arranged my server code and assigned the correct headers to its corresponding pages and my issue got resolved.
You are trying to use it as a CSS file, probably by using
<link rel=stylesheet href=ABCD.html>
<style> @import url("ABCD.html"); </style>
Review any .htaccess. Maybe, a .htaccess rule is interfering with the right output. Try browsing your CSS resource directly in your address bar, it must be presented in text format.
This is what did it for me in .htaccess (it could be that you had a directive making all files load as MIME type text/html):
AddType text/css .css
In Ubuntu In the conf file: /etc/apache2/sites-enabled/your-file.conf
AddHandler application/x-httpd-php .js .xml .htc .css
AddHandler application/x-httpd-php .js .xml .htc
©2020 All rights reserved.