小时电话
17620848827

公司动态

建站经验 网站出现GET .woff 404 (Not Found)的问题

2020-05-08 点击数:4539

网站发布到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><removefileExtension=".woff" /><mimeMapfileExtension=".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