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

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

时间: 2024-12-02 23:53:55

Apache、Nginx下Font Awesome在 Firefox 中不显示问题解决方法_Linux的相关文章

在Win8系统下清除文件资源管理器中常用位置的方法

在Win8系统下清除文件资源管理器中常用位置的方法: 在Win8的文件资源管理器中,我们单击"文件",可以在右侧看到一个"常用位置"的列表.我们可以在其中找到我们经常访问的位置,方便我们的访问.如果你不希望其它用户在访问你的电脑时看到这些位置信息,我们可以将该列表清空. 具体操作方法如下: 首先打开文件资源管理器, 需要注意的是,"删除历史记录"中的两个选项无法对"常用位置"信息造成任何改变. 我们需要的是,在任务栏,单击右键

jquery下拉菜单在浏览器中只显示1像素,求大神帮帮忙

问题描述 jquery下拉菜单在浏览器中只显示1像素,求大神帮帮忙 本人小菜鸟一枚,用jquery写了个简单的下拉菜单,代码如下:$(document).ready(function(){ $(""#navRight .jiantou"").hover(function(){ $(this).find("".xiangq"").stop().slideDown(""slow""); }f

metronic_v4.5.2在firefox中图标显示问题

问题描述 metronic_v4.5.2在firefox中图标显示问题 在google.IE中图标都能正常显示,可是在firefox中就显示错误,有没有什么解决办法?

如何在zk框架下的grid或者listbox中横向显示checkbox自动换行

问题描述 如何在zk框架下的grid或者listbox中横向显示checkbox自动换行 大致代码如下: **_ <grid model="@bind(vm.list)"> <rows> <template name="model"> <row> <checkbox checked="true"/> <label value="@load(each.chinese)&qu

web.py在SAE中的Session问题解决方法

  这篇文章主要介绍了web.py在SAE中的Session问题解决方法(使用mysql存储),本文直接给出实现代码,代码中包含详细注释,需要的朋友可以参考下 这段时间一直想尝试着在SAE中使用Python,初步选择了Web.py框架做为开发框架,但是可怜SAE上的资料少的可怜,有点问题基本上解决不了,今天解决一个Session在Session的存储问题,在SAE中不能直接用本地文件存储,好像是权限的原因,我现在采用的是保存在mysql中,效果也不错.希望对大家有帮助.直接上代码了. index

windowsxp系统下让文件以详细信息方式显示的方法

  windowsxp系统下让文件以详细信息方式显示的方法 1.在文件夹中单击右键,选择"查看",我们可以发现默认的选项是以"平铺"显示的; 2.我们只需选项"详细信息"即可; 3.设置后打开其他文件夹,显示方式还不是"详细信息",我们可以先在该文件夹中将查看方式设置为"详细信息",然后点击"工具"-"文件夹选项"; 4.点击"查看"选卡,在下面点

ajax调用中ie缓存问题解决方法_AJAX相关

本文实例分析了ajax调用中ie缓存问题解决方法.分享给大家供大家参考,具体如下: ajax请求调用的过程中发现的问题:后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响,使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了,所以估计是受到浏览器缓存的影响.网上搜了一下,果然是缓存的问题:"IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存,根本不向服务器端提交.因此无法取到刚提交的数据或新的数据". 解决方法大致有下面几种: 1.只改进

java 传递过程中出现的问题解决方法

java 传递过程中出现的问题解决方法  * 测试conn关闭情况  */ package com.hb.test; import java.sql.connection; /**  *  * @author icecold  */ public class testconn {    static connection conn = null;     public static void main(string[] args)throws exception {         conn =

ajax调用中ie缓存问题解决方法

本文实例分析了ajax调用中ie缓存问题解决方法.分享给大家供大家参考,具体如下: ajax请求调用的过程中发现的问题:后台请求是一个简单的.aspx文件,而这个页面又没有考虑过缓存的影响,使用ajax调试的时候发现有时候根本不走后台代码直接返回结果了,所以估计是受到浏览器缓存的影响.网上搜了一下,果然是缓存的问题:"IE中如果XMLHttpRequest提交的URL与历史一样则使用缓存,根本不向服务器端提交.因此无法取到刚提交的数据或新的数据". 解决方法大致有下面几种: 1.只改进