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*; }