Css 字体在 IIS 8.0 中不起作用

发布于09月12日

我的程序中有一个从Font Squirrel生成的字体，我就是不能让它在IIS中工作，它在localhost中可以工作.我将application/font-woff article添加到我的MIME类型中，但它仍然不想工作.

Context
--Fonts
----font location
--css files

CSS个

@font-face {
    font-family: 'wallStreetFont';
    src: url('Fonts/subway-webfont.eot');
    src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/subway-webfont.woff2') format('woff2'),
         url('Fonts/subway-webfont.woff') format('woff'),
         url('Fonts/subway-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

EDIT CURRENT MIME

我使用的是默认的IIS 8 MIME font/x-woff

推荐答案

很高兴看到WOFF2包含在字体松鼠字体中！虽然IIS8不需要为WOFF添加MIME类型，但它需要为WOFF2添加一个MIME类型.W3C recommends:

application/font-woff2

有关WOFF2的更多信息，请参见here.

要在IIS中添加MIME类型，请按如下方式修改Web.Config:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
    <!-- ... -->
  </system.webServer>