解决网站出现GET .woff 404 (Not Found)的问题

网站发布到IIS后,发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。

于是跟踪http请求,对woff字体请求出现GET .woff 404 (Not Found)的问题,但是项目中woff字体的文件并未丢失。

后经排查,原来是服务器上IIS没有添加woff字体的MIME类型,导致发送HTTP请求时,IIS无法处理和识别此类型的文件.

目录:

  1. 解决方法1:在Web.config配置文件中添加woff字体的MIME类型
  2. 解放方法2:在IIS中添加woff字体的MIME类型
  3. woff字体简介
  4. MIME类型简介

解决方法一:在Web.config配置文件中添加woff字体的MIME类型

如果网站是使用ASP.NET 或者ASP.NET MVC 编写的,可以很方便的直接使用配置文件进行woff字体的配置。只要在Web.config中的system.webServer节点添加下面的配置可以了。

  <system.webServer>    
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" />      
    </staticContent>
  </system.webServer>


这里要注意下的是<remove fileExtension=".woff" />这个配置,添加此节点是防止出现这个错误:“在唯一密钥属性“fileExtension”设置为“.woff”时,无法添加类型为“mimeMap”的重复集合项”,这个问题可以点击此链接查看解决方法
如果只添加下面的 <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" /> 这个节点,而且没有报这个错误的话,remove节点可以不用添加。另外"font/x-font-woff"是woff字体的MIME类型值。

将该节点添加到网站的配置文件后,在重新打开网站即可正常显示woff字体。此方法可用于没有权限操作IIS管理器的时候作为解决方案。

解放方案二:在IIS中添加woff字体的MIME类型

如果可以直接操作IIS管理器的话,也可以直接在IIS上添加woff字体的mime type。只要打开当前的IIS,打开MIME类型的配置,最后添加一个新的MIME类型就可以了,这里woff字体的扩展名是.woff, MIME类型为:”font/x-font-woff“。具体操作如下图所示:

打开控制面板中的IIS管理器,选择当前IIS,打开MIME类型配置

点击MIME类型右边操作的栏的添加功能

弹出的添加MIME类型对话框中,文件扩展名填写.woff,MIME类型可填写 font/x-font-woff 或者application/x-font-woff

 

 

点击确定后成功添加了.woff扩展名的MIMI TYPE,现在打开网站请求WOFF字体就不会出现404 NOT FOUND错误了。

 

WOFF的MIME类型是:application/x-font-woff(font/x-font-woff也可以),目前的IIS7里面默认没有这个MIME类型,如果要让网站支持这个,请在IIS7里面的MIME类型里面添加woff。

 

win8环境下添加:

    

2、添加MIME类型 添加三条:  

       文件扩展名      MIME类型 

         .svg             image/svg+xml
         .woff            application/x-font-woff
         .woff2          application/x-font-woff

 

 

其它:

扩展名是:.apk MIMI类型是:application/vnd.android.package-archive
扩展名是:.ipa MIMI类型是:application/iphone

.json  application/json 

一般软件下载

.torrent
application/octet-stream

.7z
application/octet-stream

.iso
application/octet-stream

手机相关类型:

.apk
application/vnd.android.package-archive

.ded
application/vnd.iphone

.dmg 
application/octet-stream

.ipa
application/vnd.iphone

.app

application/vnd.iphone

.pxl
application/vnd.iphone

让iis支持flv播放

.flv
flv-application/octet-stream

IIS遇到了文件不能下载的问题.为了让IIS能下载扩展名是INI的文件,我们需要如此操作:(括号内的是英文版本的名字)

打开“IIS管理器(InternetInformationServices(IIS)Manager)”

选择到你的站点。单击右键。选择“属性(Properties)”

单击“HTTP头(HTTPHeaders)”选项卡

单击“MIME类型(MIMETypes)”

单击“新建(NEW)”

在“扩展名(Extension)”框中,输入文件扩展名,这里是ini

在“MIME类型(MIMETypes)”框中,输入该扩展名的说明。这里输入的是application/octet-stream

解释一下:

MIMETypes中输入application/octet-stream的目的是为了让IIS把INI文件当作是EXE那样,出现下载的提示。

否则的话是出现404的提示或是直接在浏览器中把内容给显示出来了。都不能达到我们的目的。

另附mime的所有类型

file type MIME type 
ai application/postscript 
aif audio/x-aiff 
aifc audio/x-aiff 
aiff audio/x-aiff 
asc text/plain 
atom application/atom+xml 
au audio/basic 
avi video/x-msvideo 
bcpio application/x-bcpio 
bin application/octet-stream 
bmp image/bmp 
cdf application/x-netcdf 
cgm image/cgm 
class application/octet-stream 
cpio application/x-cpio 
cpt application/mac-compactpro 
csh application/x-csh 
css text/css 
dcr application/x-director 
dif video/x-dv 
dir application/x-director 
djv image/vnd.djvu 
djvu image/vnd.djvu 
dll application/octet-stream 
dmg application/octet-stream 
dms application/octet-stream 
doc application/msword 
dtd application/xml-dtd 
dv video/x-dv 
dvi application/x-dvi 
dxr application/x-director 
eps application/postscript 
etx text/x-setext 
exe application/octet-stream 
ez application/andrew-inset 
gif image/gif 
gram application/srgs 
grxml application/srgs+xml 
gtar application/x-gtar 
hdf application/x-hdf 
hqx application/mac-binhex40 
htm text/html 
html text/html 
ice x-conference/x-cooltalk 
ico image/x-icon 
ics text/calendar 
ief image/ief 
ifb text/calendar 
iges model/iges 
igs model/iges 
jnlp application/x-java-jnlp-file 
jp2 image/jp2 
jpe image/jpeg 
jpeg image/jpeg 
jpg image/jpeg 
js application/x-javascript 
kar audio/midi 
latex application/x-latex 
lha application/octet-stream 
lzh application/octet-stream 
m3u audio/x-mpegurl 
m4a audio/mp4a-latm 
m4b audio/mp4a-latm 
m4p audio/mp4a-latm 
m4u video/vnd.mpegurl 
m4v video/x-m4v 
mac image/x-macpaint 
man application/x-troff-man 
mathml application/mathml+xml 
me application/x-troff-me 
mesh model/mesh 
mid audio/midi 
midi audio/midi 
mif application/vnd.mif 
mov video/quicktime 
movie video/x-sgi-movie 
mp2 audio/mpeg 
mp3 audio/mpeg 
mp4 video/mp4 
mpe video/mpeg 
mpeg video/mpeg 
mpg video/mpeg 
mpga audio/mpeg 
ms application/x-troff-ms 
msh model/mesh 
mxu video/vnd.mpegurl 
nc application/x-netcdf 
oda application/oda 
ogg application/ogg 
pbm image/x-portable-bitmap 
pct image/pict 
pdb chemical/x-pdb 
pdf application/pdf 
pgm image/x-portable-graymap 
pgn application/x-chess-pgn 
pic image/pict 
pict image/pict 
png image/png 
pnm image/x-portable-anymap 
pnt image/x-macpaint 
pntg image/x-macpaint 
ppm image/x-portable-pixmap 
ppt application/vnd.ms-powerpoint 
ps application/postscript 
qt video/quicktime 
qti image/x-quicktime 
qtif image/x-quicktime 
ra audio/x-pn-realaudio 
ram audio/x-pn-realaudio 
ras image/x-cmu-raster 
rdf application/rdf+xml 
rgb image/x-rgb 
rm application/vnd.rn-realmedia 
roff application/x-troff 
rtf text/rtf 
rtx text/richtext 
sgm text/sgml 
sgml text/sgml 
sh application/x-sh 
shar application/x-shar 
silo model/mesh 
sit application/x-stuffit 
skd application/x-koan 
skm application/x-koan 
skp application/x-koan 
skt application/x-koan 
smi application/smil 
smil application/smil 
snd audio/basic 
so application/octet-stream 
spl application/x-futuresplash 
src application/x-wais-source 
sv4cpio application/x-sv4cpio 
sv4crc application/x-sv4crc 
svg image/svg+xml 
swf application/x-shockwave-flash 
t application/x-troff 
tar application/x-tar 
tcl application/x-tcl 
tex application/x-tex 
texi application/x-texinfo 
texinfo application/x-texinfo 
tif image/tiff 
tiff image/tiff 
tr application/x-troff 
tsv text/tab-separated-values 
txt text/plain 
ustar application/x-ustar 
vcd application/x-cdlink 
vrml model/vrml 
vxml application/voicexml+xml 
wav audio/x-wav 
wbmp image/vnd.wap.wbmp 
wbmxl application/vnd.wap.wbxml 
wml text/vnd.wap.wml 
wmlc application/vnd.wap.wmlc 
wmls text/vnd.wap.wmlscript 
wmlsc application/vnd.wap.wmlscriptc 
wrl model/vrml 
xbm image/x-xbitmap 
xht application/xhtml+xml 
xhtml application/xhtml+xml 
xls application/vnd.ms-excel 
xml application/xml 
xpm image/x-xpixmap 
xsl application/xml 
xslt application/xslt+xml 
xul application/vnd.mozilla.xul+xml 
xwd image/x-xwindowdump 
xyz chemical/x-xyz 
zip application/zip 

iis下配置手机下载站mime属性 

手机下载类站点配置是很麻烦的 因为他需要添加大量的下载格式(例如下载飞信手机客户端安装包) 
这样手机玩家才能通过你的WAP站点下载手机图片 铃声 程序等各类资源 

让IIS服务器 可以支持sis、SISX、3GP、ADP、AMR、JAD、JAR、MMF、MFM、PMD、UMD等文件下载 

Windows2003 服务器配置IIS的MIME类型 
打开Internet 服务管理器Internet 服务管理器-->网站属性-->HTTP头(MIME映射)-->新建 

或者在CMD-RUN里输入"inetmgr" 

添加下列内容类型(MIME) 关联扩展名 
text/vnd.wap.wml wml 
image/vnd.wap.wbmp wbmp 
text/vnd.wap.wmls wmls 
application/vnd.wap.wmlc wmlc 
application/vnd.wap.wmlscriptc wmlsc 
text/vnd.wap.wmlscript wsc 
text/vnd.wap.wmlscript wmlscript 

如果需要对支持java下载:在iis中需要添加 
.jad text/vnd.sun.j2me.app-descriptor 
.jar application/java-archive 

诺基亚大部分都是塞班手机要支持sis文件下载:在iis中需要添加 
.sis application/vnd.symbian.install 
.SISX application/vnd.symbian.install 

如果要支持对Android 谷歌操作系统IPK文件支持 需要添加 
.apk application/vnd.android 

如果要支持Iphone手机的支持需要添加如下格式 
.ipa application/vnd.iphone 
.pxl application/vnd.iphone 
.ded application/vnd.iphone 
.app application/vnd.iphone 如果要支持Window mobile手机 例如HTC手机的支持要添加如下格式 .cab application/vnd.smartpohone 下载型WAP服务器 -------------------------------- .mmf audio/mmf .mfm audio/mfm .pmd audio/pmd .adp audio/adp .amr audio/amr .pmdaudio/pmd .3gp video/3gpp .cab application/vnd.smartpohone .gif image/gif .ipa application/vnd.iphone .pxl application/vnd.iphone .ded application/vnd.iphone .app application/vnd.iphone .hme application/vnd.smartphone.thm .jad text/vnd.sun.j2me.app-descriptor .jar application/java-archive .jpg image/jpeg .mid audio/midi .mp3 audio/x-mpeg .mp4 video/mp4 .ogg application/ogg .pdb application/ebook .rm video/rm .rng application/vnd.nokia.ringing-tone .sdt application/vnd.sie.thm .sis application/vnd.symbian.install .apk application/vnd.android .thm application/vnd.eri.thm .tsk application/vnd.ppc.thm .umd application/umd .utz application/vnd.uiq.thm .wav audio/x-wav .wbmp image/vnd.wap.wbmp .wml text/vnd.wap.wml .wmlc application/vnd.wap.wmlc .wmls text/vnd.wap.wmlscript .wmlsc application/vnd.wap.wmlscriptc .wmv video/x-ms-wmv .wsc application/vnd.wap/wmlscriptc -------------------------------------------------------------------- 一般WAP服务器 .wbmp image/vnd.wap.wbmp .wml text/vnd.wap.wml .wmlc application/vnd.wap.wmlc .wmls text/vnd.wap.wmlscript .wmlsc application/vnd.wap.wmlscriptc .wmv video/x-ms-wmv .wsc application/vnd.wap/wmlscriptc .gif image/gif .jpg image/jpeg .bmp image/bmp

posted @ 2016-09-13 20:54  karila  阅读(4817)  评论(0编辑  收藏  举报