blocks|key|2941613|text|很高兴看到WOFF2被包含在字体松鼠字体中！虽然IIS8不需要为WOFF添加mime类型，但它需要为WOFF2添加一个mime类型。The+W3C+recommends|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2941614|application/font-woff2|code-block|syntax|javascript|2941615|有关WOFF2的更多信息，请参见here。|2941616|要在IIS中添加mime类型，请按如下方式修改Web.Config：|2941617|<?xml+version="1.0"+encoding="UTF-8"?>
<configuration>
++
++<system.webServer>
++++
++++<staticContent>
++++++
++++++<mimeMap+fileExtension=".woff2"+mimeType="application/font-woff2"+/>
++++</staticContent>
++++
++</system.webServer>|2941618|entityMap|0|LINK|mutability|MUTABLE|url|http://dev.w3.org/webfonts/WOFF2/spec/#IMT|1|https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a^0|W|4|1E|5|22|A|0|0|0|2|5|G|4|1|0|N|A|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|M|3|N|5|6|7|1F|8|@$9|1G|A|1H|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|1I|8|@]|D|@]|E|$I|J]]|$1|Q|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

Great to see WOFF2 being included in Font Squirrel fonts! Whilst IIS 8 does not need a mime type added for <code>WOFF</code> it will need one for <code>WOFF2</code>. The W3C <a href="http://dev.w3.org/webfonts/WOFF2/spec/#IMT" rel="noreferrer">recommends</a>:

<pre><code>application/font-woff2
</code></pre>

For more info on <code>WOFF2</code> see <a href="https://gist.github.com/sergejmueller/cf6b4f2133bcb3e2f64a" rel="noreferrer">here</a>.

To add the mime type in IIS, modify your <code>Web.Config</code> as follows:

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

blocks|key|149844|text|为了使woff和woff2字体在IIS中正常工作，您应该在Web.Config文件中添加以下MIME类型。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|149845|<?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>|code-block|syntax|javascript|149846|如果你仍然在Google+Chrome上遇到404错误，你应该在重新加载页面之前清除你的浏览器缓存。|149847|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

In order to make woff and woff2 fonts to properly work in IIS you should add the following MIME types to the Web.Config file.

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

If you still face the 404 error on Google Chrome you should clear your browser cache before reloading the page.

blocks|key|2729248|text|请注意，还可以在IIS管理器中配置MIME类型。只需选择网站，然后双击主窗格中IIS下的MIME类型图标即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2729249|​|2729250|📷|atomic|offset|length|2729251|2729252|然后，您应该会看到所有现有MIME类型的列表，并能够使用Add...添加新类型。右窗格中的链接。|2729253|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/d00702942e6645e87ac2c9ec5b030412.jpeg|imageAlt^0|0|0|0|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@$G|X|H|Y|1|Z]]|A|$]]|$1|I|3|C|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S|T|-4]]]]

Note that it is also possible to configure MIME types within IIS Manager. Just select the website and then double click on the MIME Types icon under IIS in the main pane.

<img src="https://i.stack.imgur.com/lMdlx.jpg" alt="enter image description here">

You should then see a list of all of the existing MIME Types and be able to add new ones using the Add... link in the right pane.

blocks|key|2941769|text|我今天在部署Web解决方案CDN+UI图标并从Metro4切换到编译选项时遇到了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2941770|我的项目是使用WebSharper平台开发的，但是解决方案无论如何都是独立于这些实现细节的。|2941771|长话短说，我发现我必须在Web.config的system.webServer下的security部分中添加文件扩展名，例如.ttf。|offset|length|style|CODE|2941772|<security>
++++<requestFiltering>
++++++++<fileExtensions>
++++++++++++<add+fileExtension=".ttf"+allowed="true"+/>
++++++++</fileExtensions>
++++</requestFiltering>
</security>|code-block|syntax|javascript|2941773|在IIS的GUI设置下也可以使用相同的配置选项|2941774|​|2941775|📷|atomic|2941776|2941777|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/5f545490b95dc252c1a890a7c3b139c7.jpeg|imageAlt^0|0|0|C|A|N|G|15|8|1Q|4|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|17|8|@$F|18|G|19|H|I]|$F|1A|G|1B|H|I]|$F|1C|G|1D|H|I]|$F|1E|G|1F|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|1G|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|1H|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|1J|8|@]|9|@$F|1K|G|1L|1|1M]]|A|$]]|$1|V|3|R|5|6|7|1N|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1O|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13|14|-4]]]]

I was having this issue today while deploying a Web solution Metro4 UI icons and switching from the CDN to the Compiled option.

My project was developed using WebSharper platform, but the solution is anyway independent from these implementation details.

Long story short, I've discover that I had to add the file extension, e.g. for <code>.ttf</code>, inside the <code>security</code> section under the <code>system.webServer</code> of the <code>Web.config</code>. 

<pre><code>&lt;security&gt;
 &lt;requestFiltering&gt;
 &lt;fileExtensions&gt;
 &lt;add fileExtension=".ttf" allowed="true" /&gt;
 &lt;/fileExtensions&gt;
 &lt;/requestFiltering&gt;
&lt;/security&gt;
</code></pre>

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

<a href="https://i.stack.imgur.com/9seGM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9seGM.jpg" alt="IIS GUI"></a>

blocks|key|2941795|text|我正在做以下工作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2941796|bootstrap中的|2941797|捆绑在MVC5|ordered-list-item|2941798|中构建bootstrap|2941799|using+@-|2941800|2941801|2941802|2941803|我在服务器上部署了一个min.css文件，该非min文件包含在捆绑包中。一旦我删除了.min.css文件。一切都奏效了。|2941804|entityMap^0|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|V|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|W|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Z|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|Q|$]]

I am doing the following:
<ol>
<li>bundling in MVC5</li>
<li>building bootstrap</li>
<li>using @font-face in bootstrap</li>
</ol>
I had a min.css file deployed on the server, that non-min file was included in the bundle. Once I deleted the .min.css file. It all worked.

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 <a href="https://stackoverflow.com/questions/3594823/mime-type-for-woff-fonts">article</a> to my MIME Types but it still doesn't want to work. 

<pre><code>Context
--Fonts
----font location
--css files
</code></pre>

CSS

<pre><code>@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;
}
</code></pre>

EDIT CURRENT MIME

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

Font Face isn't working in IIS 8.0

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

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

问字体在IIS 8.0中不起作用
EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体在IIS 8.0中不起作用EN

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问字体在IIS 8.0中不起作用
EN