Twitter Bootstrap不会在Firefox中显示图标

Question

美好的一天！当我开发网站时，我使用了twitter bootstrap css框架。我使用引导程序图标创建按钮，但Firefox不显示它。

请帮帮我解决问题！

Answer 1

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

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

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

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

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

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

Answer 2

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