1

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

问题是bootstrap的css使用了“icon-”前缀,而我的icon-font使用了相同的,比如css类名的“icon-puzzle”。

这是正在发生的事情的图片(我的自定义字体(蓝色拼图)与引导图标 spritesheet 的一部分一起呈现) 在此处输入图像描述

所以,我当然可以更改我的图标字体以使用不同的 css 类前缀,例如“font-icon-puzzle”, 但我想与引导程序正确集成,而不是为我的字体图标创建一次性异常。

有人可以推荐一个更好地与引导程序集成的替代方案吗?

4

1 回答 1

1

我在 Bootstrap 中使用的 Font Awesome 非常好用:

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

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

于 2013-03-12T09:37:40.107 回答