先来看看问题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类型并保存,完成!