In the _details.scss file we extend a mixin of icon-fonts.scss. The generated file of this expects the font directory to be sibling to the directory of the css file.
When we are in production mode a new subfolder is created in css dir, that contains all css files and another icon-fonts.css. (css/min/)
All files in min directory cannot find the fonts because the fonts directory is at the same level with css directory (and not at the same level with min).
In base.html we include before our main.css file the icon-fonts.css (that is outside min dir and has been created from development mode). This file has the correct url for the fonts.
The result of all the above is that the console shows that couldn't find the font files (in min dir) but the corresponding icons appear normally.
In the _details.scss file we extend a mixin of icon-fonts.scss. The generated file of this expects the font directory to be sibling to the directory of the css file. When we are in production mode a new subfolder is created in css dir, that contains all css files and another icon-fonts.css. (css/min/) All files in min directory cannot find the fonts because the fonts directory is at the same level with css directory (and not at the same level with min).
In base.html we include before our main.css file the icon-fonts.css (that is outside min dir and has been created from development mode). This file has the correct url for the fonts.
The result of all the above is that the console shows that couldn't find the font files (in min dir) but the corresponding icons appear normally.