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

先来看看问题

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

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

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

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

解决方案:

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

文件扩展名MIME类型
.svgimage/svg+xml
.woffapplication/x-font-woff
.woff2application/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/微信:996991818)

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论