发布的Azure Web角色中的CSS图标生成内容出现问题

我有一个MVC4 Web应用程序，我正在尝试将其作为Azure Web角色发布。 该网站正在使用Metro UI CSS 。

总体而言，已发布的Web角色正在按预期运行，但我遇到的问题是CSS生成的内容。 例如，Metro UI modern.css中的图标的以下代码段：

.metrouicss .icon-arrow-right-3:before { content: "\e09d"; } 

生成的内容对应于相关字体文件中的以下字形：

在本地运行应用程序时，以及在本地运行云模拟器时，这些图标css类的使用可以正常工作：

但是，发布的版本未显示图标图像：

在Web项目中，图标字体文件是构建操作内容（不要复制），就像css文件一样。

Azure Web角色是否需要任何特定的配置设置来发布和/或识别生成的内容？ 或者其他一些提示，找出发布的实例上出了什么问题？

Answer 1

正如我在其他答案中所提到的，更改CSS文件的包名称。 问题来了，因为metroUI使用相对路径查找图标字体（它向上一级然后查找字体文件夹）并且无法找到该文件夹​​。

所以如果你要捆绑你的metroUI css文件，比如：

 bundles.Add(new StyleBundle("~/Content/css").Include( "~/Content/css/modern.css", "~/Content/css/modern-responsive.css")); 

改为

 bundles.Add(new StyleBundle("~/Content/css/metroUI").Include( "~/Content/css/modern.css", "~/Content/css/modern-responsive.css")); 

这应该可以解决问题。