为IIS增加svg和woff等字体格式的MIME(2003、2008)现在字体图标已经渐渐代替了图⽚了,移动端⽤起来也很⽅便。
使⽤了字体⽂件来显⽰⽮量的图标,为了能在IIS上正常显⽰图标,可以通过增加iis的MIME-TYPE来⽀持图标字体⽂件
下⾯就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式⽂件的MIME。
增加以下两种⽂件类型即可:
.svg image/svg+xml
.woff application/font-woff
我把其它⼏种也写在下⾯,供以后学习:
.eot application/vnd.ms-fontobject
.otf application/octet-stream
.ttf application/octet-stream
(完)
今天测试的⼀个代码,在本地⼀切正常,可是上传到服务器上之后就发现⼀些图标不显⽰了。图⽚存在,但是也访问不了,就百度了下,这个.svg的图⽚想要在iis上能正常打开,还需要做⼀下映射才⾏。
1、先打开IIS-到你⽹站点右键属性-HTTP头-点击MIME类型
2、单击新建,按照如下内容输⼊
扩展名:.svg
MIME类型:image/svg+xml
全部添加完成后点击确定保存退出刷新⽹页看看显⽰是否正常,如果还不⾏就检测你是否哪⾥少了标点符号.
同样IIS6也是可以⽀持WOFF/WOFF2的,正确的MIME信息应该是这么写:
扩展名:.woff
MIME类型:application/x-font-woff
扩展名:.woff2
MIME类型:application/x-font-woff
添加后重启该站点即可看见效果. IIS7下⾯的部署⽅法请参考
最近公司的⼏个WordPress⽹站从AWS搬家到Windows环境下,⼜折腾了好⼀阵⼦。今天新鲜出炉⼀个新的问题,发现⽹站上的woff字体⼜报404了。在确认⽂件已经上传到正确路径下后,再回想⼀下之前碰到的IIS环境下不到字体⽂件的问题,感觉应该⼜是没有给字体⽂件添加MIME类型的原因。Windows Azure并⾮虚拟主机,所以也不会给我⼀个IIS让我配置,只能想其他办法。
所幸的是在⽹站的根⽬录到了⼀个fig⽂件,印象中这应该是ASP.NET的应⽤程序的配置⽂件。虽然WordPress⽤的是PHP语⾔,但对于⽂件类型的管理,应该不牵涉到⽹站⽤什么语⾔的范畴,只要正确配置服务器环境即可。
打开fig,这是⼀个XML⽂件,⾥⾯已经带⼀条svg⽂件的MIME类型信息,和之前在IIS⾥⾯配置的内容很像:
<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
之前IIS⾥⾯对于⼏个字体⽂件的MIME类型设置如下:
制作svg图片依样画葫芦的在fig⾥⾯追加这两条:
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
整个⽂件⾥⾯关于MIME类型的标签结构应该是这样的:
<?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>
当然你可以通过iis7.5中设置
完成之后再刷新⽹页,woff等字体⼜能顺利加载了,IIS6下的设置⽅法请参考附常⽤Mime类型:
⽂件后缀Mime类型说明
.json application/json轻量级的数据交换动态脚本,运⽤json技术的程序必须添加
.ipa application/iphone苹果应⽤
.apk application/vnd.android.package-archive安卓应⽤
.flv flv/flv-flash在线播放
.html或.htm text/html超⽂本标记语⾔⽂本
.rtf application/rtf RTF⽂本
.gif image/gif GIF图形
.jpeg或.jpg image/jpeg JPEG图形
.au audio/basic au声⾳⽂件
.
mid或.midi audio/midi或audio/x-midi MIDI⾳乐⽂件
.ra或.ram或.rm audio/x-pn-realaudio RealAudio⾳乐⽂件
.mpg或.mpeg或.mp3video/mpeg MPEG⽂件
.avi video/x-msvideo AVI⽂件
.gz application/x-gzip GZIP⽂件
.tar application/x-tar TAR⽂件
.exe application/octet-stream下载⽂件类型
.rmvb -realvideo在线播放
.mp4application/octet-stream MP4在线播放
linux(apache)设置⽅法:
在本地新建⼀个⽂本,在⾥⾯添加对应扩展名的mime类型(以.ipa和.apk为⽰例)
AddHandler application/iphone .ipa
AddHandler application/vnd.android.package-archive .apk
保存以后上传到⽹站根⽬录,并改名为.htaccess(注意有点)。⽹站⽬录下有.htaccess⽂件,则直接在.htaccess⾥⾯添加。运⽤了json技术的程序需要添加json的mime类型
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论