Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法
程序员文章站
2023-10-28 14:51:28
一、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 *;
}