先来看看问题
按理说不应该报404啊,因为我这个路径下面的的确确有这个文件
相信不少开发者都遇到过字体引用的问题,明明路径啥的都没问题,但就是浏览器输出错误信息。引起类似以上问题的原因是由于Web服务器没有识别.svg/.woff/.woff2这些文件类型。
解决方案:
如果是部署在iis服务器上的,打开IIS管理器 >> MIME >> 直接添加下面对应的扩展名和MIME类型
文件扩展名 | MIME类型 |
.svg | image/svg+xml |
.woff | application/x-font-woff |
.woff2 | application/x-font-woff |
Config 设置
<configuration> <system.webServer> <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> </system.webServer></configuration>
欢迎分享,(联系QQ/微信:282625252)