解決網站出現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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM