解决Web布局 svg woff woff2字体 404错误

发布时间：2022-04-26 11:21:31 所属栏目：建站来源：互联网

导读：最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有,+等符号，字体也不对，发现浏览器总是报找不到woff、woff2字体的错误。原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。详细如下: 1、打开

最近项目中用到了fontawesome-webfont.svg等字体。部署项目后，发现没有<,+等符号，字体也不对，发现浏览器总是报找不到woff、woff2字体的错误。

原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。

详细如下:

1、打开服务器IIS管理器，找到MIME类型。

2、添加MIME类型添加三条：　　

       文件扩展名      MIME类型　

.svg             image/svg+xmz

.woff            application/x-font-woff

.woff2          application/x-font-woff

注：本文在win8环境下IIS7版本中填写的MIME类型

IIS 6:

打开IIS，找到网站，右键属性，打开“HTTP头”，找到右下角的“MIME类型…”

新建如下3条：

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

（编辑：宿州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!