fonts/fontawesome-webfont.woff2 404 (Not Found)这么解决

这篇文章主要为大家详细介绍了fonts/fontawesome-webfont.woff2 404 (Not Found)这么解决，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

问题出现状况：

361源码在给用户做站点到时候，虽然网页正常显示和运行，但是有2个字体文件出现404错误。用户是那种有点强迫症的，你懂的。其实这个并不影响网站正常使用和SEO。但是用户要求处理掉这个错误，我们做服务的也只能想办法解决。

fonts/fontawesome-webfont.woff2 404 (Not Found)，这个很明显这是由于文件不存在导致的问题。然后我们具体来看一下：

可能存在两种情况：

1、项目发布过程中这个文件没有被拷贝到发布目录，我这次碰到的问题就是这个原因导致的，在项目grunt build时会进行文件的copy操作，其中对文件后缀做了限制，所以我只需要加上这个.woff2即可；

2、由于web服务器不支持导致的：

nginx不支持的情况，可以参考下面的配置解决：location ~* /.(eot|otf|ttf|woff|woff2|svg)$ {add_header Access-Control-Allow-Origin *;}AddType application/x-font-woff woffAddType application/x-font-woff2 woff2

Apache默认是不支持.woff和.woff2的，所以要设置一下：

location ~* /.(eot|otf|ttf|woff|woff2|svg)$ {add_header Access-Control-Allow-Origin *;} AddType application/x-font-woff woffAddType application/x-font-woff2 woff2

IIS默认也是不支持的，可以添加MIME类型来解决：

.woff2 application/x-font-woff

下面是IIS处理的部分截图

因为用户的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。

当然，如果是服务器的话，那也只需要按下图处理一下就OK了

最后给大家附赠fontawesomeziti全套下载

fontawesomeziti.zip

以上就是fonts/fontawesome-webfont.woff2 404 (Not Found)这么解决的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持错新网。