尝试在应用程序中使用 Bootstrap 3.0（通过 Bower 提取）Glyphicons 图标字体。在本地的所有浏览器中完美运行。
在 heroku 的暂存环境中，图标字体在 Firefox 上不起作用。字体托管在具有跨域设置设置的 S3 存储桶中——这已通过使用curl 命令测试字体得到验证，如此处所述。我收到 200 条回复，没有问题。所以，字体在正确的位置（不是路径问题）和可访问的（不是跨域问题 - 可能。）
事实上，当我在 Firefox 中查看“网络”面板时，我看到字体上有 200 响应……但文件大小列为 0kb。
我尝试了多种内容类型（font/x-woff、application/x-woff），我尝试过使用 font-squirrel 的 base 64 编码（没用）。
我已经看到 Bootstrap 的自定义下载器有损坏的字体，但这直接来自通过 Bower 的 repo。
我不知道还能尝试什么。哈普？
不知道你是否解决了这个问题，但我今天遇到了同样的问题，原因是 Firefox 对在单独的域上托管你的字体有点严格。如果您查看 Firefox Web 控制台，它应该会显示如下错误：
跨域请求被阻止：同源策略不允许读取位于 http://path/to/fonts/glyphicons-halflings-regular.ttf 的远程资源。这可以通过将资源移动到同一域或启用 CORS 来解决。
显然，有一种方法可以配置您的 S3 存储桶以阻止这种情况发生（Boootstrap glyphicons Firefox 问题），但我还没有尝试过。
只是回过头来——把图标字体放在一边，转而支持 SVG 解决方案，在此期间，我们更改了 CDN 提供商，并重新设置了我们所有的 CDN 设置，而 S3 存储桶设置保持不变。检查了 Firefox 中的图标字体，瞧，没有更多问题了。
所以我认为我们的 CDN 设置不知何故没有通过所需的许可 S3 设置，或者我的同事建议。