我知道还有很多其他类似的问题，但我的问题似乎不符合其他问题的任何标准。
我的 Bootstrap 3 字形适用于除 Firefox 之外的所有浏览器。在 Firefox 上，它们显示为奇怪的符号。当从 CDN 提供字形时，同样的问题也很臭名昭著，但这不是我的问题，因为我使用的是本地托管的字体文件。另外，我已经确保我的文件没有损坏。
这是我的代码。
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/assets/css/bootstrap-style.css" />
<link rel="stylesheet" type="text/css" media="all" href="/assets/css/style.css" />
</head>
字形图标的代码:
<span class="glyphicon glyphicon-list-alt section-icon"></span>
我已经确保我的文件得到适当的处理，并确保清除我的缓存。我不知道我在这里错过了什么。有建议吗？
最佳答案
Firefox 有一个严格的设置 ( this )，可以防止您的 HTML 文件从非根目录的文件夹访问您的 Web 字体。仅当您在本地工作而不是从服务器上的文件工作时才会发生这种情况。当您进行本地开发时，您必须更改 Firefox 中的设置才能显示字形图标。
-在 Firefox 中打开您地址中的“about:config”
-然后搜索“security.fileuri.strict_origin_policy”属性并将其从“true”更改为“false”。 (当然忽略引号)
关于firefox - Bootstrap glyphicons Firefox 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19085942/