為IIS增加svg和woff等字型格式的MIME(2003、2008)_win伺服器

現在字型表徵圖已經漸漸代替了圖片了，移動端用起來也很方便。

使用了字型檔來顯示向量的表徵圖，為了能在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下面的部署方法請參考 IIS7環境下實現svg/woff/woff2字型正常顯示

最近公司的幾個WordPress網站從AWS搬家到Windows環境下，又折騰了好一陣子。今天新鮮出爐一個新的問題，發現網站上的woff字型又報404了。在確認檔案已經上傳到正確路徑下後，再回想一下之前碰到的IIS環境下找不到字型檔的問題，感覺應該又是沒有給字型檔添加MIME類型的原因。Windows Azure並非虛擬機器主機，所以也不會給我一個IIS讓我配置，只能想其他辦法。

所幸的是在網站的根目錄找到了一個web.config檔案，印象中這應該是ASP.NET的應用程式的設定檔。雖然WordPress用的是PHP語言，但對於檔案類型的管理，應該不牽涉到網站用什麼語言的範疇，只要正確設定管理員環境即可。

開啟web.config，這是一個XML檔案，裡面已經帶一條svg檔案的MIME類型資訊，和之前在IIS裡面配置的內容很像：

<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
之前IIS裡面對於幾個字型檔的MIME類型設定如下：

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

<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下的設定方法請參考如何讓IIS6支援svg映像顯示