Font Face在IIS 8.0中不起作用

Question

我在使用Font Squirrel生成的程序中有一个font-face我无法让它在IIS中运行,它可以在localhost中运行.我将application/font-woff 文章添加到我的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;
}

编辑当前MIME

我使用默认的IIS 8 MIME 字体/ x-woff

Answer 1

很高兴看到WOFF2被包含在Font Squirrel字体中!虽然IIS 8不需要添加mime类型,WOFF但它需要一个WOFF2.W3C 建议:

application/font-woff2

有关详细信息,WOFF2请参阅此处.

要在IIS中添加mime类型,请Web.Config按如下所示修改:

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

Answer 2

为了使woff和woff2字体在IIS中正常工作,您应该将以下MIME类型添加到Web.Config文件中.

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

如果您仍然在Google Chrome上遇到404错误,则应在重新加载页面之前清除浏览器缓存.

Answer 3

请注意,还可以在IIS管理器中配置MIME类型.只需选择网站,然后双击主窗格中IIS下的MIME类型图标即可.

然后,您应该看到所有现有MIME类型的列表,并能够使用右侧窗格中的"添加..."链接添加新的MIME类型.