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*;
}热门推荐
10 八一幼儿祝福语大全简短
11 公司乔迁食堂祝福语简短
12 婚礼结束聚餐祝福语简短
13 儿媳买车妈妈祝福语简短
14 毕业送礼老师祝福语简短
15 同事辞职正常祝福语简短
16 恭贺新婚文案祝福语简短
17 金店立秋祝福语简短英文
18 婆婆高寿祝福语大全简短