30

我们使用 Twitter Bootstrap 和FontAwesome来支持图标。

在部署到我们的一台 IIS 服务器时，我需要添加 MIME 支持。

部署到 Azure 时，我似乎没有这个能力，所以现在我的图标没有显示，因为它似乎不知道如何使用字体。

4

3 回答 3

74

只需将以下内容添加到 web.config ...

<system.webServer>    
   <staticContent>
       <remove fileExtension=".svg" />
       <remove fileExtension=".eot" />
       <remove fileExtension=".woff" />
       <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
       <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
       <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>
</system.webServer>
于 2012-11-09T13:44:52.397 回答
7

更新

由于最近对FontAwesome nuget 包的更改，现在不需要此答案。

除了接受的答案中描述的解决方案之外，我注意到我的项目中的字体位于 ~/Content/fonts 中，但该站点正在 Azure 上的 /fonts 中寻找字体。

作为一种解决方法，我将字体文件复制到 ~/fonts（确保 Build Action 设置为Contentfor all）并且在云端一切正常。

于 2013-11-08T12:13:49.497 回答
1

完成上述操作后，如果仍然无法正常工作，请检查主题文件夹的 css 文件夹中的 font-awesome.css 文件。

有一个链接字体真棒文件的 URL。确保它指向新域中的字体文件指向 Azure 站点的文件夹，即输入完整 URL 而不是../font/...

于 2015-10-13T10:48:31.103 回答