C# 发布的Azure Web角色中CSS图标生成的内容有问题

我有一个MVC4 web应用程序，我正试图将其发布为Azure web角色。该网站正在使用

总的来说，发布的web角色按预期运行，但我遇到的问题是CSS生成的内容。以Metro UI modern.css中图标的以下代码段为例：

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

生成的内容对应于关联字体文件中的以下图示符：

<glyph unicode="&#xe09d;" d="M 288.00,352.00L 224.00,352.00L 320.00,256.00L 128.00,256.00L 128.00,192.00L 320.00,192.00L 224.00,96.00L 288.00,96.00L 416.00,224.00  zM 256.00,480.00C 114.615,480.00,0.00,365.385,0.00,224.00s 114.615-256.00, 256.00-256.00s 256.00,114.615, 256.00,256.00S 397.385,480.00, 256.00,480.00z M 256.00,0.00
    C 132.288,0.00, 32.00,100.288, 32.00,224.00S 132.288,448.00, 256.00,448.00s 224.00-100.288, 224.00-224.00S 379.712,0.00, 256.00,0.00z"  />

当在本地运行应用程序时，以及当我在本地运行云仿真程序时，这些图标css类的使用与预期一样有效：

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

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

---

Azure web角色是否需要任何特定的配置设置来发布和/或识别生成的内容？或者提供一些关于查找已发布实例的错误的提示？

如我在其他回答中所述，更改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"));

---

这应该就够了。

请看这里：。谢谢Gaurav，我会检查一下，我已经修改了metro bundle配置名称。Gaurav，你在那里发布的解决方案也解决了这个问题。在此处发布答案，我将接受。：-）谢谢Gaurav，我还将ping Metro UI Nuget包的开发人员进行类似的更新。这将非常有帮助。非常感谢。我们还计划在未来几天内更新到Metro UI CSS 2.0版。我也将很快推出2.0版。听起来他们进行了软件包更新，也更新了刚刚发布的2.01版软件包：。我们今天查看了2.0版，有一些非常大的变化。目前，我们决定继续使用当前版本，因为我们认为它不会是一个直接的升级。