最近公司的几个WordPress网站从AWS搬家到Windows Azure环境下，又折腾了好一阵子。今天新鲜出炉一个新的问题，发现网站上的woff字体又报404了。在确认文件已经上传到正确路径下后，再回想一下之前碰到的IIS环境下找不到字体文件的问题，感觉应该又是没有给字体文件添加MIME类型的原因。Windows Azure并非虚拟主机，所以也不会给我一个IIS让我配置，只能想其他办法。
所幸的是在网站的根目录找到了一个web.config文件，印象中这应该是ASP.NET的应用程序的配置文件。虽然WordPress用的是PHP语言，但对于文件类型的管理，应该不牵涉到网站用什么语言的范畴，只要正确配置服务器环境即可。
打开web.config，这是一个XML文件，里面已经带一条svg文件的MIME类型信息，和之前在IIS里面配置的内容很像：
1 | <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/> |
之前IIS里面对于几个字体文件的MIME类型设置如下：
依样画葫芦的在web.config里面追加这两条：
1 2 | <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" /> |
整个文件里面关于MIME类型的标签结构应该是这样的：
1 2 3 4 5 6 7 8 9 10 11 | <?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> |
完成之后再刷新网页，woff等字体又能顺利加载了
本站所有文章均为原创，欢迎转载，请注明文章出处：https://blog.brain1981.com/727.html。百度和各类采集站皆不可信，搜索请谨慎鉴别。技术类文章一般都有时效性，本人习惯不定期对自己的博文进行修正和更新，因此请访问出处以查看本文的最新版本。
本站记录了近几年的工作中遇到的一些技术问题和解决过程，“作品集”还收录了本人的大部分作品展示。除了本博客外，我们的工作室网站 – JennyStudio，内有更多作品回顾和展示。您也可以扫描左边的二维码，关注我们的微信公众号，在微信上查看我们的案例。
谢谢完美解决了问题～
谢谢，问题解决！
谢谢
不错，解决了我的问题。