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

 更新时间:2014年07月25日 10:51:18   投稿:junjie  
这篇文章主要介绍了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.

复制代码 代码如下:

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

相关文章

  • Linux文件和文件夹权限操作方法

    Linux文件和文件夹权限操作方法

    这篇文章主要介绍了Linux文件和文件夹权限操作方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • CentOS 7.2 安装MariaDB详细过程

    CentOS 7.2 安装MariaDB详细过程

    这篇文章主要为大家介绍了CentOS 7.2 安装MariaDBMariaDB数据库管理系统详细过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • CentOS 7.2配置Apache服务httpd(上)

    CentOS 7.2配置Apache服务httpd(上)

    这篇文章主要为大家详细介绍了CentOS 7.2配置Apache服务 httpd上篇,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 制作PHP的RPM包详解及实例

    制作PHP的RPM包详解及实例

    这篇文章主要介绍了制作PHP的RPM包详解及实例的相关资料,为了方便源码包的安装,我们需要自己订制软件包的需求,我们会把一些源码包按照我们的需求来做成rpm包,需要的朋友可以参考下
    2016-12-12
  • 用DNSPod和Squid打造自己的CDN (八) 测试并运行SQUID

    用DNSPod和Squid打造自己的CDN (八) 测试并运行SQUID

    想要测试SQUID是否正常,必须要先把www.naizhao.com这个域名解析到2.2.2.2这个IP上。跟上一章一样,如果你是网通用户就不需要做任何操作,DNSPod会给你返回2.2.2.2这个IP
    2013-04-04
  • Linux常用命令之grep命令用法详解

    Linux常用命令之grep命令用法详解

    这篇文章主要介绍了Linux常用命令grep命令用法详解,grep命令用于对文件和文本执行重复搜索任务的Unix工具,可以通过grep命令指定特定搜索条件来搜索文件及其内容以获取有用的信息。对此感兴趣可以了解一下
    2020-07-07
  • Linux 中有效用户组和初始用户组的实现

    Linux 中有效用户组和初始用户组的实现

    这篇文章主要介绍了Linux 中有效用户组和初始用户组的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-11-11
  • ubuntu下chorme提示输入秘钥环的解决方法

    ubuntu下chorme提示输入秘钥环的解决方法

    这篇文章主要给大家介绍了ubuntu下chorme提示输入秘钥环的解决方法,文中介绍的非常详细,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
    2017-04-04
  • Git 详细介绍查看、删除、重命名远程分支和tag

    Git 详细介绍查看、删除、重命名远程分支和tag

    这篇文章主要介绍了Git 详细介绍查看、删除、重命名远程分支和tag的相关资料,需要的朋友可以参考下
    2017-01-01
  • 解决Centos7下crontab+shell脚本定期自动删除文件问题

    解决Centos7下crontab+shell脚本定期自动删除文件问题

    小编最近遇到这样的需求,就是rsync每次同步的数据量很多,但是需要保留的数据库bak文件,保留7天就够了,所以需要自动清理文件夹内的bak文件。这篇文章主要介绍了解决Centos7下crontab+shell脚本定期自动删除文件问题,需要的朋友可以参考下
    2018-11-11

最新评论