為IIS增加svg和woff等字體格式的MIME(2003、2008)

更新時(shí)間：2020年08月15日 23:51:23 投稿：mdxy-dxy

使用了字體文件來顯示矢量的圖標(biāo)，為了能在IIS上正常顯示圖標(biāo)，可以通過增加iis的MIME-TYPE來支持圖標(biāo)字體文件

現(xiàn)在字體圖標(biāo)已經(jīng)漸漸代替了圖片了，移動(dòng)端用起來也很方便。

使用了字體文件來顯示矢量的圖標(biāo)，為了能在IIS上正常顯示圖標(biāo)，可以通過增加iis的MIME-TYPE來支持圖標(biāo)字體文件

下面就把IIS增加svg、eot 、woff、otf 、ttf 等字體格式文件的MIME。

增加以下兩種文件類型即可：

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

我把其它幾種也寫在下面，供以后學(xué)習(xí)：

.eot application/vnd.ms-fontobject
.otf application/octet-stream
.ttf application/octet-stream

（完）

今天測(cè)試的一個(gè)代碼，在本地一切正常，可是上傳到服務(wù)器上之后就發(fā)現(xiàn)一些圖標(biāo)不顯示了。圖片存在，但是也訪問不了，就百度了下，這個(gè).svg的圖片想要在iis上能正常打開，還需要做一下映射才行。

1、先打開IIS-找到你網(wǎng)站點(diǎn)右鍵屬性-HTTP頭-點(diǎn)擊MIME類型

2、單擊新建，按照如下內(nèi)容輸入
擴(kuò)展名：.svg
MIME類型：image/svg+xml

全部添加完成后點(diǎn)擊確定保存退出刷新網(wǎng)頁(yè)看看顯示是否正常,如果還不行就檢測(cè)你是否哪里少了標(biāo)點(diǎn)符號(hào).

同樣IIS6也是可以支持WOFF/WOFF2的,正確的MIME信息應(yīng)該是這么寫：

擴(kuò)展名：.woff
MIME類型：application/x-font-woff
擴(kuò)展名：.woff2
MIME類型：application/x-font-woff

添加后重啟該站點(diǎn)即可看見效果. IIS7下面的部署方法請(qǐng)參考 IIS7環(huán)境下實(shí)現(xiàn)svg/woff/woff2字體正常顯示

最近公司的幾個(gè)WordPress網(wǎng)站從AWS搬家到Windows環(huán)境下，又折騰了好一陣子。今天新鮮出爐一個(gè)新的問題，發(fā)現(xiàn)網(wǎng)站上的woff字體又報(bào)404了。在確認(rèn)文件已經(jīng)上傳到正確路徑下后，再回想一下之前碰到的IIS環(huán)境下找不到字體文件的問題，感覺應(yīng)該又是沒有給字體文件添加MIME類型的原因。Windows Azure并非虛擬主機(jī)，所以也不會(huì)給我一個(gè)IIS讓我配置，只能想其他辦法。

所幸的是在網(wǎng)站的根目錄找到了一個(gè)web.config文件，印象中這應(yīng)該是ASP.NET的應(yīng)用程序的配置文件。雖然WordPress用的是PHP語(yǔ)言，但對(duì)于文件類型的管理，應(yīng)該不牽涉到網(wǎng)站用什么語(yǔ)言的范疇，只要正確配置服務(wù)器環(huán)境即可。

打開web.config，這是一個(gè)XML文件，里面已經(jīng)帶一條svg文件的MIME類型信息，和之前在IIS里面配置的內(nèi)容很像：

之前IIS里面對(duì)于幾個(gè)字體文件的MIME類型設(shè)置如下：

依樣畫葫蘆的在web.config里面追加這兩條：

整個(gè)文件里面關(guān)于MIME類型的標(biāo)簽結(jié)構(gòu)應(yīng)該是這樣的：

<?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>

當(dāng)然你可以通過iis7.5中設(shè)置

完成之后再刷新網(wǎng)頁(yè)，woff等字體又能順利加載了，IIS6下的設(shè)置方法請(qǐng)參考如何讓IIS6支持svg圖像顯示

附常用Mime類型：

文件后綴	Mime類型	說明
.json	application/json	輕量級(jí)的數(shù)據(jù)交換動(dòng)態(tài)腳本，運(yùn)用json技術(shù)的程序必須添加
.ipa	application/iphone	蘋果應(yīng)用
.apk	application/vnd.android.package-archive	安卓應(yīng)用
.flv	flv/flv-flash	在線播放
.html或.htm	text/html	超文本標(biāo)記語(yǔ)言文本
.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或.mp3	video/mpeg	MPEG文件
.avi	video/x-msvideo	AVI文件
.gz	application/x-gzip	GZIP文件
.tar	application/x-tar	TAR文件
.exe	application/octet-stream	下載文件類型
.rmvb	video/vnd.rn-realvideo	在線播放
.mp4	application/octet-stream	MP4在線播放