Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法
一、Nginx服务器解决方法
服务器使用的是Nginx,要在响应的头部添加Access-Control-Allow-Origin字段,添加方法是用add_header指令:
配置例子:
location/assets/{
gzip_staticon;
expiresmax;
add_headerCache-Controlpublic;
add_headerAccess-Control-Allow-Origin*;
}
二、Apache服务器解决方法
FontAwesome(firefox无法显示火狐无法显示)Crossdomain(跨域问题)
Theproblem
Itseemsthat,forsecurityreasons,Firefoxsimplydon'tallowyoutousebydefaultafontthatisnothostedonyourdomain,notevenonyoursubdomain.TheCDNbasedwebsitescanbealsoaffectedinthiscase.
Thesolution
Aftersomeinvestigations,Ifoundouttheworkaround:setaAccess-Control-Allow-Originheadertothefont.
<FilesMatch"\.(ttf|otf|eot|woff)$"> <IfModulemod_headers.c> HeadersetAccess-Control-Allow-Origin"*" </IfModule> </FilesMatch>
Also,ifyouareusingnginxasyourwebserveryouwillneedtoincludethecodebelowinyourvirtualhostfile:
location~*\.(eot|otf|ttf|woff)${
add_headerAccess-Control-Allow-Origin*;
}热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短