在 IIS 上使用 font-awesome 进行元素定位有什么问题？答案

【问题标题】：What's wrong with element positioning using font-awesome on IIS?在 IIS 上使用 font-awesome 进行元素定位有什么问题？
【发布时间】：2016-06-26 13:44:01
【问题描述】：

我已经知道字体在 IIS 中无法正确识别，并且我已经对其进行了 web.config 配置：

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />

    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
  </staticContent>
</system.webServer>

但这是不同的。在我的 html 原型中，我正确定位了箭头图标：

但是，当在 IIS I 下运行相同的原型时，箭头的位置不正确并且是椭圆形而不是圆形。

有什么想法吗？

【问题讨论】：

您是否与检查员核对过这些字体文件是否从 IIS 正确提供 (200)？我记得有一些带有 woff 和 IIS 的 trouble，您必须在其中应用 woff，它是 IIS 设置中的 mimetype。
是的，我在上面发布的 web.config 中的条目完成了这项工作，是的，它们得到了正确的服务。

标签： css asp.net-mvc iis font-awesome

【解决方案1】：

您可以尝试将 woff 文件嵌入您的 CSS 文件中。这消除了 IIS 问题。
Explanation for base64 font integration

【讨论】：