热门标签: 转载 JavaScript mysql 学习 php
主页> 前端 >

FontAwesome引用文件报404

发布时间:2017-12-18 编辑:三石兄 标签: 前端字体 热度:1404

FontAwesome引用文件报404错误的解决方法

使用FontAwesome加载字体,但是使用的时候却提示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 woff
AddType application/x-font-woff2 woff2


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

AddType application/x-font-woff woff
AddType application/x-font-woff2 woff2


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

.woff2 application/x-font-woff



Copyright © 2017-2020 网络技术文章 & 版权所有

蜀ICP备17023832号

195721