在編寫(xiě)前端代碼的過(guò)程中經(jīng)常會(huì)遇到使用特定的字體(*.woff,*.svg),此時(shí)在加載字體時(shí)請(qǐng)求會(huì)被返回
Failed to load resource: the server responded with a status of 404 (Not Found)。
原因是,默認(rèn)在IIS上是沒(méi)有添加對(duì)*.woff,*.svg文件的Mime類(lèi)型,因此在客戶端請(qǐng)求此類(lèi)文件時(shí)得到的都是404。
所以我們只需要在我們對(duì)應(yīng)網(wǎng)站下的Mime類(lèi)型中添加文件對(duì)應(yīng)的類(lèi)型就行了
.woff application/x-font-woff
.woff2 application/x-font-woff
.svg image/svg+xml
另外在mvc中,設(shè)置了上述Mime類(lèi)型后get請(qǐng)求字體時(shí)任然會(huì)出現(xiàn)404的問(wèn)題,這個(gè)時(shí)候需要在我們的web工程中的config的system.webServer節(jié)點(diǎn)中添加如下的代碼來(lái)支持
復(fù)制代碼
<staticContent>
<remove fileExtension=".woff"/>
<mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
<remove fileExtension=".woff2"/>
<mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".otf" />
<mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
</staticContent>
復(fù)制代碼