先来看看问题
按理说不应该报404啊,因为我这个路径下面的的确确有这个文件
相信不少开发者都遇到过字体引用的问题,明明路径啥的都没问题,但就是浏览器输出错误信息。引起类似以上问题的原因是由于Web服务器没有识别.svg/.woff/.woff2这些文件类型。
解决方案:
如果是部署在iis服务器上的,打开IIS管理器 >> MIME >> 直接添加下面对应的扩展名和MIME类型
文件扩展名 | MIME类型 |
.svg | image/svg+xml |
.woff | application/x-font-woff |
.woff2 | application/x-font-woff |
如果是本地的IIS Express,有以下两种方法
方法1:使用CMD命令添加MIME类型
1). 打开CMD,输入cd C:Program Files (x86)IIS Express
2). 输入:appcmd set config /section:staticContent /+[fileExtension='文件扩展名',mimeType='MIME类型'] 然后回车,成功!提示
方法2:手动添加MIME类型
1). 找到电脑右下的IIS Express图标 >> 右键 "显示所有应用程序"
2). 点击网站名称,将会出现配置路径,直接点击这个路径就可以打开IIS Express配置文件
3). 查找mimeMap节点 查找关键字mimeMap,添加需要的扩展名和MIME类型并保存,完成!