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

2023年1月30日 235次阅读

创建了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”;

更改了Content / bootstrap / bootstrap.less以将glyphicons import替换为
@import“../fontawesome/font-awesome”;

使用RECESS在构建时将LESS源编译成bootstrap.css.有关详细信息,请访问see here.

所有这些在调试模式下都很有效.但fontawesome图标不会出现在发布模式,即从web.config中删除debug属性或BundleTable.EnableOptimizations = true时;在BundleConfig.cs中添加.

图标在Chrome中显示为方框,在IE 10中显示为空白区域.

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

最佳答案 [解决方案]将样式包的虚拟路径更改为使用“〜/ Content / css”而不是“〜/ bundles / css”,问题得到修复.

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

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

点赞