Hi, I'm facing an issue deploying a website made with Django. I can't get the CSS files to load on my page; the browser console shows the following error message:
Refused to apply style from 'http://rickymaggio.pythonanywhere.com/static/css/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
In the 'static' directory i have also a js (javascript) and an 'image' directory, and all the scripts and images from there are working. My CSS file (main.css) starts with:
@import url(//db.onlinewebfonts.com/c/9897812c6013649bd7a0c3d2efb4c834?family=HK+Grotesk);
@font-face {font-family: "HK Grotesk";
src: url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.eot");
src: url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.eot?#iefix") format("embedded-opentype"),
url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.woff2") format("woff2"),
url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.woff") format("woff"), url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.ttf") format("truetype"),
url("//db.onlinewebfonts.com/t/9897812c6013649bd7a0c3d2efb4c834.svg#HK Grotesk") format("svg");
}
body {
background-color: #252934;
font: 300 11px/1.4;
}
#page {
width: 100%;
height: 100%;
position: absolute;
}
.container {
width:100%;
will-change: contents;
[edit by admin: formatting]