I got very strange issue with Magento 2 and custom css files. I'm trying to add custom css to the head
<head>
<link src="js/bundle.js"/>
<css src="css/main.css" />
</head>
After I flush cache, do deploy and than I see all css files in
pub\static\frontend\Sleepz\md\en_US\css
except of main.css
I tried to deploy in developer/default mode, did Di compile, guess everything. What I do wrong?
I am sharing my cutom module files , it working
Link your css file using xml in your theme/module
custom_module/view/frontend/layout/cms_index_index.xml or ( default.xml )
In head of your layout xml put relative path like below
<head>
<css src="Custom_Module::css/hb_vertical_reviewrating.css"/>
</head>
Put your custom css files at this location
/view/frontend/web/css/hb_vertical_reviewrating.css
Refused to apply style from 'site.com/pub/static/frontend/Sleepz/md/en_US/Magento_Theme/css/main.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
Add the your custom css in your theme folder
app/design/frontend/theme_name/package_name/Magento_Theme/layout/default_head_blocks.xml
In default_head_blocks.xml file
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<!-- Add local resources -->
<css src="css/main.css" />
<!-- The following two ways to add local JavaScript files are equal -->
<link src="js/bundle.js"/>
<!-- Add external resources ->
<css src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css" src_type="url" />
</head>
</page>
