Bootstrap（3.1.1）Glyphicons 在 Firefox 中不起作用答案

【问题标题】：Bootstrap(3.1.1) Glyphicons not working in firefoxBootstrap（3.1.1）Glyphicons 在 Firefox 中不起作用
【发布时间】：2014-08-05 15:17:06
【问题描述】：

我偶然发现了一个问题，即 Bootstrap Glyphicons 不能与 Firefox 一起使用，但可以完美地与其他浏览器一起使用。

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

（我自己回答了这个问题，这是原帖的一部分）当我寻求有关可能导致此问题的原因的信息时，只有几篇文章没有解决我的问题，主要关注旧版本并且没有解释所需的修复。

然后，经过一段时间后，我发现通过仅将“www”从 <link href='www.domain.co.uk'> 删除到 bootstrap.css，字形图标也开始在 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">

【问题讨论】：

嗨，斯图尔特。您看过常见问题解答Can I answer my own question? 吗？您已经在回答您的问题，但您应该创建一个答案并在那里回答。
如何通过在 CDN 或亚马逊 S3 上处理引导程序来解决这个问题？

标签： html css twitter-bootstrap glyphicons

【解决方案1】：

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

我通过从 <link href='http://www.domain.co.uk'> 中删除 www 来解决此问题

更改 <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 在内的所有浏览器上工作。

【讨论】：

你可以通过它的相对路径链接到它，像这样：<link href="/css/bootstrap.css" rel="stylesheet">
是的，绝对是，因为它通过http://domain 和相对路径都被识别为本地。我只是觉得提起来很好，因为似乎很多人都被难住了，可能有这个问题。我自己并不经常使用相对路径，因为我经常将代码块从一个地方迁移到另一个地方，使用完整路径似乎有时可以防止我遇到其他问题，但只是碰巧介绍了另一个问题，现在很高兴已修复。跨度>

【解决方案2】：

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

这只发生在您在本地工作而不是从服务器。您必须更改 Firefox 中的设置才能显示本地开发时的字形图标。

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

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

【讨论】：