首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >字体在IIS 8.0中不起作用

字体在IIS 8.0中不起作用
EN

Stack Overflow用户
提问于 2014-09-12 04:44:46
回答 5查看 67.9K关注 0票数 122

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

代码语言:javascript
复制
Context
--Fonts
----font location
--css files

CSS

代码语言:javascript
复制
@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

我正在使用默认的IIS8 MIME 字体/x-woff

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2014-09-12 05:10:18

很高兴看到WOFF2被包含在字体松鼠字体中!虽然IIS8不需要为WOFF添加mime类型,但它需要为WOFF2添加一个mime类型。The W3C recommends

代码语言:javascript
复制
application/font-woff2

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

要在IIS中添加mime类型,请按如下方式修改Web.Config

代码语言:javascript
复制
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <!-- ... -->
  <system.webServer>
    <!-- ... -->
    <staticContent>
      <!-- ... -->
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
    <!-- ... -->
  </system.webServer>
票数 264
EN

Stack Overflow用户

发布于 2015-04-09 13:45:07

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

代码语言:javascript
复制
<?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错误,你应该在重新加载页面之前清除你的浏览器缓存。

票数 81
EN

Stack Overflow用户

发布于 2015-05-15 17:09:54

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

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

票数 27
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25796609

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档