创建了ASP.Net MVC 5 Web项目并安装了 Twitter.Bootstrap.Less 3.0.1 和 FontAwesome.less 4.0.3 NuGet包。
更改内容/ fontawesome / variables.less使用
@ fa-font-path:“fonts”;
更改了内容/ bootstrap / variables.less以使用
@ icon-font-path:“fonts /”;
@ icon-font-name:“fontawesome-webfont”;
更改内容/ bootstrap / bootstrap.less以将glyphicons import替换为
@import“../ fontawesome / font-awesome”;
使用RECESS在构建时将LESS源编译到bootstrap.css中。有关详细信息,请see here。
所有这些在调试模式下都很有效。但是fontawesome图标不会出现在发布模式中,即当调试属性从web.config 删除或 BundleTable.EnableOptimizations = true时; 在BundleConfig.cs中添加。< / p>
图标在Chrome中显示为方框,在IE 10中显示为空白区域。
知道这里可能缺少什么吗?
答案 0 :(得分:2)
[解决方案] 更改样式包的虚拟路径以使用“〜/ Content / css”而不是“〜/ bundles / css”并解决问题固定的。
捆绑路径“〜/ bundles / css”应该是 virtual ,并且不应该存在于文件系统中。它用作名称,而不是物理文件的路径。如果文件系统上存在此路径,则不会加载该包。我可以看到已编译的bootstrp.css中缺少所有unicode字符。
在任何奇怪的文档中都没有提到这一点!