云南帅慷装饰 發表於 2015-9-17 17:20:12

IIS7环境下实现svg/woff/woff2字体正常显示

<p>最近公司的几个WordPress网站从AWS搬家到Windows环境下，又折腾了好一阵子。今天新鲜出炉一个新的问题，发现网站上的woff字体又报404了。在确认文件已经上传到正确路径下后，再回想一下之前碰到的IIS环境下找不到字体文件的问题，感觉应该又是没有给字体文件添加MIME类型的原因。Windows Azure并非虚拟主机，所以也不会给我一个IIS让我配置，只能想其他办法。</p>
<p>所幸的是在网站的根目录找到了一个web.config文件，印象中这应该是ASP.NET的应用程序的配置文件。虽然WordPress用的是PHP语言，但对于文件类型的管理，应该不牵涉到网站用什么语言的范畴，只要正确配置服务器环境即可。</p>
<p>打开web.config，这是一个XML文件，里面已经带一条svg文件的MIME类型信息，和之前在IIS里面配置的内容很像：</p>
<p><font color="#ff0000">&lt;mimeMap fileExtension=&quot;.svg&quot; mimeType=&quot;image/svg+xml&quot;/&gt;</font><br />之前IIS里面对于几个字体文件的MIME类型设置如下：</p>
<p><img src="https://img.jbzj.com/file_images/article/201509/2015917172129883.gif?2015817172146" alt="" /></p>
<p>依样画葫芦的在web.config里面追加这两条：</p>
<p><font color="#ff0000">&lt;mimeMap fileExtension=&quot;.woff&quot; mimeType=&quot;application/x-font-woff&quot; /&gt;<br />&lt;mimeMap fileExtension=&quot;.woff2&quot; mimeType=&quot;application/x-font-woff&quot; /&gt;<br /></font>整个文件里面关于MIME类型的标签结构应该是这样的：</p>
<p><font color="#ff0000">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;<br />&lt;configuration&gt;<br />&nbsp; &lt;system.webServer&gt;<br />&nbsp;&nbsp;&nbsp; &lt;staticContent&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mimeMap fileExtension=&quot;.svg&quot; mimeType=&quot;image/svg+xml&quot;/&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mimeMap fileExtension=&quot;.woff&quot; mimeType=&quot;application/x-font-woff&quot; /&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;mimeMap fileExtension=&quot;.woff2&quot; mimeType=&quot;application/x-font-woff&quot; /&gt;<br />&nbsp;&nbsp;&nbsp; &lt;/staticContent&gt;<br />&nbsp;&nbsp;&nbsp; &lt;rewrite&gt;...&lt;/rewrite&gt;<br />&nbsp; &lt;/system.webServer&gt;<br />&lt;/configuration&gt;<br /></font>完成之后再刷新网页，woff等字体又能顺利加载了，IIS6下的设置方法请参考<a target="_blank" href="https://www.jb51.net/os/windows/Win2003/380434.html">如何让IIS6支持svg图像显示</a></p>
頁: [1]
查看完整版本: IIS7环境下实现svg/woff/woff2字体正常显示