IIS字体文件添加MIME映射(woff mime;ttf mime;woff2 mime;svg mime;eot mime)

前言

在前端经常会做这样一件事情,页面会加载一些特殊的字体或者是图标文件,常用的比如:.woff、woff2、.ttf、.svg、.otf、.eot..。如果没有添加MIME映射会报404的错误,IIS错误信息如下:

HTTP 错误 404.3 - Not Found
由于扩展配置问题而无法提供您请求的页面。如果该页面是脚本,请添加处理程序。如果应下载文件,请添加 MIME 映射。

问题

服务器无法加载一些没有MIME映射的字体文件。



<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>


解决方法

添加MIME类型映射

直接在IIS面板中的 MIME类型 中添加对应的信息,具体类型信息可参考 W3CSchool MIME 参考手册
为了保险起见可在配置文件中添加MIME映射的信息:


其他类型的MIME映射信息添加类似。

玩咖指针 2020-04-11 19:44:15