Font Face isn't working in IIS 8.0

I have a font-face in my program generated from Font Squirrel I just can't get it to work in IIS, it works in localhost. I added application/font-woff article to my MIME Types but it still doesn't want to work. 

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

I am using the default IIS 8 MIME font/x-woff

69847 次浏览
小开
最佳答案

很高兴看到 WOFF2被包括在字体松鼠字体！虽然 IIS 8不需要为 WOFF添加一个哑剧类型，但是它将需要为 WOFF2添加一个哑剧类型。W3C 建议:

application/font-woff2

For more info on WOFF2 see here.

要在 IIS 中添加默剧类型，请修改 Web.Config如下:

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

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

<?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>

如果你在谷歌浏览器上仍然面临404错误，你应该在重新加载页面之前清除你的浏览器缓存。

小开

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

enter image description here

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

小开

我今天在部署 Web 解决方案 Metro4 UI 图标并从 CDN 切换到 Compiled 选项时遇到了这个问题。

我的项目是使用 WebSharper 平台开发的，但是该解决方案无论如何都是独立于这些实现细节的。

长话短说，我发现我必须在 Web.config的 system.webServer下面的 security部分中添加文件扩展名，例如 .ttf。

<security>
<requestFiltering>
<fileExtensions>
<add fileExtension=".ttf" allowed="true" />
</fileExtensions>
</requestFiltering>
</security>

The same configuration option is also available under the GUI settings of IIS

IIS GUI

小开

I am doing the following:

  1. MVC5的捆绑销售
  2. 建筑自动化系统
  3. 在引导程序中使用@font-face

我在服务器上部署了一个 min.css 文件，这个非 min 文件包含在捆绑包中。一旦我删除了。Css 文件。成功了。


提交答案