如何使用带引导程序的图标字体？

Question

我使用在线工具icomoon生成了一些基于字体的图标，并且我试图将它与我拥有的引导模板一起使用。

问题是bootstrap的css使用＆＃34;图标 - ＆＃34;前缀，我的图标字体使用相同的，例如＆＃34; icon-puzzle＆＃34;对于css类名。

这里有一张发生了什么的图片（我的自定义字体（蓝色拼图）和一部分引导图标spritesheet一起呈现）

所以，我当然可以更改我的图标字体以使用不同的css类前缀，例如＆＃34; font-icon-puzzle＆＃34;，但是我想要正确地与引导程序集成而不是为我的字体图标创建一次性例外。

有人可以推荐一种更好地与bootstrap集成的替代方案吗？

Answer 1

Font Awesome是我在Bootstrap中使用的，效果很好：

http://fortawesome.github.com/Font-Awesome/

为了让您的自定义字体与Bootstrap一起使用，请确保在Boostrap css之后加载您的CSS并确保您的CSS在其中声明“background-image：none”。