import css under css violate the rules of CSP and not loading
I am working c# MVC 4 web application. In that, I have written CSP rules in my web config file as below.
CSP in web.cofnig :
<add name="Content-Security-Policy" value="default-src 'self'; connect-src *; font-src *; frame-src *; img-src * data:; media-src *; object-src *; script-src * 'unsafe-inline' 'unsafe-eval'; style-src * 'unsafe-inline';"/>
After adding that rules it is not working and throwing below error
Refused to apply style from '<URL>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. Dashboard:1 Refused to apply style from 'https://localhost:8443/scss/icons/font-awesome/css/font-awesome.min.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
CSS : (load from CSS as per mentioned below code)
@import url(../scss/icons/font-awesome/css/font-awesome.min.css); @import url(../scss/icons/simple-line-icons/css/simple-line-icons.css); @import url(../scss/icons/weather-icons/css/weather-icons.min.css);