IIS7环境下实现svg/woff/woff2字体正常显示

下面是在IIS7环境下实现svg/woff/woff2字体正常显示的完整攻略：

1. 确认IIS是否支持SVG/woff/woff2

在IIS管理器中，选择服务器，点击“MIME类型”，确认MIME类型中是否包含了.svg/.woff/.woff2文件类型，并确保其对应的Content Type是否正确。

2. 修改web.config文件

在网站的根目录下找到web.config文件（如果没有则新建），添加以下代码：

<system.webServer>
  <staticContent>
    <remove fileExtension=".svg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
  </staticContent>
</system.webServer>

上述代码会移除默认MIME类型，并设置正确的MIME类型。

在以上操作完成后，重新启动IIS，就可以正常显示SVG/woff/woff2字体了。

以下是两个示例说明：

示例1：

假设我们在网站上需要使用“数字体”字体，首先需要下载数字体字体文件，例如Digital-7, Regular。

然后，我们将数字体文件上传到网站的根目录下的font文件夹中。

接着，我们在网站的页面中引用数字体字体，代码如下：

@font-face {
  font-family: 'Digital-7';
  src: url('/font/digital-7-webfont.woff2') format('woff2'),
       url('/font/digital-7-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

最后，我们就可以在网站中正常显示数字体字体了。

示例2：

假设我们需要在网站上使用一张svg格式的图标，例如Font Awesome的“fa-barcode”图标。

我们将Font Awesome的svg文件上传到网站的根目录下的icons文件夹中，然后在网站的页面中使用以下代码进行引用：

<i class="fa fa-barcode"></i>

通过以上操作，我们就可以在网站中正常显示“fa-barcode”图标了。