Apache/Nginx下FontAwesome在Firefox中不显示怎么解决

本篇内容主要讲解“Apache/Nginx下Font Awesome在Firefox中不显示怎么解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Apache/Nginx下Font Awesome在Firefox中不显示怎么解决”吧!

创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：网站建设、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的麦积网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

一、nginx服务器解决方法

服务器使用的是 nginx，要在响应的头部添加 access-control-allow-origin 字段，添加方法是用 add_header 指令：

配置例子:

复制代码 代码如下:

location /assets/ {
    gzip_static on;
    expires max;
    add_header cache-control public;
    add_header access-control-allow-origin *;
}

二、apache服务器解决方法

font awesome (firefox无法显示 火狐无法显示)cross domain (跨域问题) 

the problem

it seems that, for security reasons, firefox simply don't allow you to use by default a font that is not hosted on your domain, not even on your subdomain. the cdn based websites can be also affected in this case.

the solution

after some investigations, i found out the workaround: set a access-control-allow-origin header to the font.

复制代码 代码如下:

 
    header set access-control-allow-origin "*"
 

also, if you are using nginx as your webserver you will need to include the code below in your virtual host file:

复制代码 代码如下:

location ~* \.(eot|otf|ttf|woff)$ {
    add_header access-control-allow-origin *;
}

到此，相信大家对“Apache/Nginx下Font Awesome在Firefox中不显示怎么解决”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！