Bootstrap(3.1.1)Glyphicons在firefox中不起作用

时间:2014-06-15 18:35:47

标签: html css twitter-bootstrap glyphicons

我偶然发现Bootstrap Glyphicons无法使用Firefox但与其他浏览器完美配合的问题。

问: How to make Glyphicons from Bootstrap 3.1.1 work with firefox?


(我自己回答,这是原帖的一部分) 当我寻找可能导致此问题的原因的信息时,只有少数文章没有解决我的问题,主要关注旧版本而不解释所需的修复。

经过一段时间的努力,我完全删除了&#39; www&#39;从<link href='www.domain.co.uk'>bootstrap.css,glyphicons也开始在Firefox中运行。

这似乎是由于以下错误: Cross-Origin Request Blocked:

我想也许这值得分享,因为似乎有相当多的人和我一样有类似的问题而没有任何关于这种解决方法的文章。

更改 <link href="http://www.domain.co.uk/css/bootstrap.css" rel="stylesheet">

<link href="http://domain.co.uk/css/bootstrap.css" rel="stylesheet">

2 个答案:

答案 0 :(得分:1)

问题是以下错误: Cross-Origin Request Blocked:

我通过移除www

中的<link href='http://www.domain.co.uk'>来解决此问题

更改 <link href="http://www.domain.co.uk/css/bootstrap.css" rel="stylesheet">

<link href="http://domain.co.uk/css/bootstrap.css" rel="stylesheet">

这允许Glyphicons适用于所有浏览器,包括firefox。

答案 1 :(得分:0)

@Damathryx solution这个问题是本地工作的真正解决方案:

  

这只发生在本地工作而不是文件上   服务器。您必须在Firefox中更改设置才能显示   当地发展时的字形。

     

- 在Firefox的地址中打开about:config

     

- 然后搜索security.fileuri.strict_origin_policy属性并将其从“true”更改为“false”。