4

创建 ASP.Net MVC 5 web 项目并安装Twitter.Bootstrap.Less 3.0.1和FontAwesome.less 4.0.3 NuGet 包。

将 Content/fontawesome/variables.less 更改为使用
@fa-font-path: "fonts";

更改 Content/bootstrap/variables.less 以使用
@icon-font-path: "fonts/";
@icon-font-name: "fontawesome-webfont";

更改 Content/bootstrap/bootstrap.less 以将 glyphicons 导入替换为
@import "../fontawesome/font-awesome";

在构建时使用 RECESS 将 LESS 源编译到 bootstrap.css。有关更多详细信息，请参见此处。

所有这些在调试模式下都很好用。但是 fontawesome 图标不会出现在发布模式下，即当从 web.config中删除调试属性或当BundleTable.EnableOptimizations = true 时；在 BundleConfig.cs 中添加。

图标在 Chrome 中显示为方框，在 IE 10 中显示为空白。

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

4

1 回答 1

2

[解决]将样式包的虚拟路径更改为使用“~/Content/css”而不是“~/bundles/css”，问题得到解决。

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

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

于 2013-11-11T17:15:53.243 回答