firefox - Twitter Bootstrap 在 Firefox 中不显示图标

Question

再会！！！当我开发网站时，我使用了 twitter bootstrap css 框架。我创建带有引导图标的按钮，但 Firefox 不显示它。

请帮我解决问题！

Answer 1

Firefox 不允许跨域字体。您需要为字体文件设置 Access-Control-Allow-Origin 标头。查看此链接了解更多详情。如果您使用的是 rails，则可以使用此 gem

Answer 2

如果没有代码示例，很难知道真正的问题是什么，但我可以提供一些使用在 Firefox（和其他浏览器）中工作的 Bootstrap 的带有图标的按钮示例。

一个示例删除按钮（使用带有“btn”类的链接）：

<a href="#" class="btn btn-danger">
   <i class="icon-trash"></i> Delete
</a>

示例删除按钮（使用“按钮”元素）：

<button class="btn btn-primary" type="button">
  <i class="icon-trash"></i> Delete
</button>

更多信息：http: //twitter.github.com/bootstrap/base-css.html#buttons