加入收藏 | 设为首页 | 会员中心 | 我要投稿 | 在线留言 | RSS
成网科技业务包括域名空间企业网站制作
 
国际域名com/net/org仅售80元/年
1G独立空间(PHP+MYSQL)仅售600元/年
您当前的位置:首页 > 操作系统 > Windows系列 > win2008

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

时间:2015-09-30 11:24:21  来源:互联网  作者:佚名  点击:

最近公司的几个WordPress网站从AWS搬家到Windows环境下,又折腾了好一阵子。今天新鲜出炉一个新的问题,发现网站上的woff字体又报404了。在确认文件已经上传到正确路径下后,再回想一下之前碰到的IIS环境下找不到字体文件的问题,感觉应该又是没有给字体文件添加MIME类型的原因。Windows Azure并非虚拟主机,所以也不会给我一个IIS让我配置,只能想其他办法。3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

所幸的是在网站的根目录找到了一个web.config文件,印象中这应该是ASP.NET的应用程序的配置文件。虽然WordPress用的是PHP语言,但对于文件类型的管理,应该不牵涉到网站用什么语言的范畴,只要正确配置服务器环境即可。3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

打开web.config,这是一个XML文件,里面已经带一条svg文件的MIME类型信息,和之前在IIS里面配置的内容很像:3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
之前IIS里面对于几个字体文件的MIME类型设置如下:3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

依样画葫芦的在web.config里面追加这两条:3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
整个文件里面关于MIME类型的标签结构应该是这样的:3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

<?xml version="1.0" encoding="UTF-8"?>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
<configuration>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
  <system.webServer>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
    <staticContent>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
      <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
    </staticContent>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
    <rewrite>...</rewrite>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
  </system.webServer>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
</configuration>3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设
完成之后再刷新网页,woff等字体又能顺利加载了,IIS6下的设置方法请参考如何让IIS6支持svg图像显示3AQ成网科技_开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设

成网科技 www.it28.com竭诚为您服务!
开平网站建设_开平网站制作_开平企业网站_开平网页设计_江门网站建设_成网科技

更多
 


来顶一下
返回首页
返回首页
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
推荐资讯
相关文章
    无相关信息
栏目更新
栏目热门