欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  网络运营

Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法

程序员文章站 2022-06-20 07:57:58
一、nginx服务器解决方法 服务器使用的是 nginx,要在响应的头部添加 access-control-allow-origin 字段,添加方法是用 add_head...

一、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.

复制代码 代码如下:

<filesmatch "\.(ttf|otf|eot|woff)$">
  <ifmodule mod_headers.c>
    header set access-control-allow-origin "*"
  </ifmodule>
</filesmatch>

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