在ASP.Net MVC 5中FontAwesome 4 LESS和Bootstrap 3 LESS捆绑问题

时间:2013-11-08 14:27:47

标签: less twitter-bootstrap-3 font-awesome asp.net-mvc-5

创建了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中显示为空白区域。

知道这里可能缺少什么吗?

1 个答案:

答案 0 :(得分:2)

[解决方案] 更改样式包的虚拟路径以使用“〜/ Content / css”而不是“〜/ bundles / css”并解决问题固定的。

捆绑路径“〜/ bundles / css”应该是 virtual ,并且不应该存在于文件系统中。它用作名称,而不是物理文件的路径。如果文件系统上存在此路径,则不会加载该包。我可以看到已编译的bootstrp.css中缺少所有unicode字符。

在任何奇怪的文档中都没有提到这一点!