欢迎光临
我们一直在努力

在Windows IIS7、IIS8 环境下部署svg/woff/woff2字体,添加MIME类型

IIS7或者IIS8环境下,发现网站上的woff字体又报404了。在确认文件已经上传到正确路径下后,再回想一下之前碰到的IIS环境下找不到字体文件的问题,感觉应该又是没有给字体文件添加MIME类型的原因。Windows并非虚拟主机,所以也不会给我一个IIS让我配置,只能想其他办法。

所幸的是在网站的根目录找到了一个web.config文件,印象中这应该是ASP.NET的应用程序的配置文件。虽然WordPress用的是PHP语言,但对于文件类型的管理,应该不牵涉到网站用什么语言的范畴,只要正确配置服务器环境即可。

打开web.config,这是一个XML文件,里面已经带一条svg文件的MIME类型信息,和之前在IIS里面配置的内容很像:
[xml]
<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
[/xml]
之前IIS里面对于几个字体文件的MIME类型设置如下:
IIS里字体文件的MIME类型设置

依样画葫芦的在web.config里面追加这两条:
[xml]
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
[/xml]
整个文件里面关于MIME类型的标签结构应该是这样的:
[xml]
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<staticContent>
<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
</staticContent>
<rewrite>…</rewrite>
</system.webServer>
</configuration>
[/xml]
完成之后再刷新网页,woff等字体又能顺利加载了

赞(0) 打赏
未经允许不得转载:程序开发爱好者 » 在Windows IIS7、IIS8 环境下部署svg/woff/woff2字体,添加MIME类型
分享到: 更多 (0)

网站设计及开发、微应用及微网站开发、微信公众平台开发、 HTML5手机网站开发、网络整合营销、APP开发、软件开发及企业电商服务

联系我们