問題排查：網站發行後看不到內嵌圖示

這是最近在彙整專案代碼時遇到的狀況

先大概說明一下網站的環境

最近用 ACE 這套管理後台樣板來當開發框架

然後順便將其他專案的管理後台移植過來

所謂內嵌圖示就是一些 Unicode 字集

把各別字元的內碼寫在 CSS，然後在標籤裡的 class 屬性引用

 

真實情況是：發行後看不到內嵌圖示，但其它 CSS 相關的效果都正常

 

用瀏覽器的開發者工具大略看了一下，發現有個字形引用的環節出錯

錯誤訊息分別是：

http://172.19.251.1/Admin/assets/font/fontawesome-webfont.woff?v=3.2.1

Falied to load resource: the server responded with a status of 404 (Not found)

和

http://172.19.251.1/Admin/assets/font/fontawesome-webfont.ttf?v=3.2.1

Falied to load resource: the server responded with a status of 404 (Not found)

對於這種情況，著實納悶啊！檔案明明是存在的，路徑也沒寫錯，卻出現 404 錯誤？

最後找終於找到線索，原因在於 IIS 的 MIME 類型設定，只要在 IIS 加上相關的 MIME 類型即可解決：

設定一

副檔名：.woff
類型：font/x-woff

設定二

副檔名：.woff
類型：application/x-woff

不曉得這兩種設定方式有何差別，前者是另一台電腦的 IIS 設定，後者是網路搜索來的

目前測試下來，這兩種設定都有效果，且不需要共存

转载于:https://www.cnblogs.com/hsw1976/p/5366585.html