先來看看問題html
按理說不該該報404啊,由於我這個路徑下面的的確確有這個文件web
相信很多開發者都遇到過字體引用的問題,明明路徑啥的都沒問題,但就是瀏覽器輸出錯誤信息。引發相似以上問題的緣由是因爲Web服務器沒有識別.svg/.woff/.woff2這些文件類型。瀏覽器
解決方案:服務器
若是是部署在iis服務器上的,打開IIS管理器 >> MIME >> 直接添加下面對應的擴展名和MIME類型app
文件擴展名 | MIME類型 |
.svg | p_w_picpath/svg+xml |
.woff | application/x-font-woff |
.woff2 | application/x-font-woff |
若是是本地的IIS ExPRess,有如下兩種方法ide
方法1:使用CMD命令添加MIME類型 svg
1). 打開CMD,輸入cd C:\Program Files (x86)\IIS Express字體
2). 輸入:appcmd set config /section:staticContent /+[fileExtension='文件擴展名',mimeType='MIME類型'] 而後回車,成功!提示網站
方法2:手動添加MIME類型spa
1). 找到電腦右下的IIS Express圖標 >> 右鍵 "顯示全部應用程序"
2). 點擊網站名稱,將會出現配置路徑,直接點擊這個路徑就能夠打開IIS Express配置文件
3). 查找mimeMap節點 查找關鍵字mimeMap,添加須要的擴展名和MIME類型並保存,完成!