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

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

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

<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
之前IIS里面對(duì)于幾個(gè)字體文件的MIME類(lèi)型設(shè)置如下：

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

<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
整個(gè)文件里面關(guān)于MIME類(lèi)型的標(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>
完成之后再刷新網(wǎng)頁(yè)，woff等字體又能順利加載了，IIS6下的設(shè)置方法請(qǐng)參考如何讓IIS6支持svg圖像顯示