web服务器 字体.ttf /.svg/.woff/.woff2 404错误 解决方案

先来看看问题

按理说不应该报404啊，因为我这个路径下面的的确确有这个文件

相信不少开发者都遇到过字体引用的问题，明明路径啥的都没问题,但就是浏览器输出错误信息。引起类似以上问题的原因是由于Web服务器没有识别.svg/.woff/.woff2这些文件类型。

解决方案：

如果是部署在iis服务器上的，打开IIS管理器 >> MIME >> 直接添加下面对应的扩展名和MIME类型

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）

转载请注明出处： BlankH_Blog » web服务器 字体.ttf /.svg/.woff/.woff2 404错误 解决方案