向 Bootstrap 3 添加额外的自定义字形图标

Posted

技术标签:

【中文标题】向 Bootstrap 3 添加额外的自定义字形图标【英文标题】:Add extra custom glyphicons to Bootsrap 3 【发布时间】:2013-08-27 23:08:07 【问题描述】:

的最佳方法是什么?

我看到图标现在以字体定义。

【问题讨论】:

这对你来说可能有点矫枉过正,但请给FontAwesome 看看。您也许还可以派生 Bootstrap GlyphIcons 存储库并使用自定义图标构建自己的字体 @Bojangles 谢谢你的回答! REQUEST FontAwesome 上的图标是个好主意。把时间花在它上面;)我的困难每天都在用 Bootstrap 改变。以旧式思维。 (即使技能低下也自己创造并实施。“耗时”) 【参考方案1】:

正如@Bojangles 评论的那样,您可以分叉字体并添加字形,但要注意字体创建是一项繁重的工作,尤其是如果您是新手。

对于最常见的用途,请使用 FontAwesome,或者您可以创建图像精灵并将新图标类映射到此精灵。

【讨论】:

非常好 不知道 FontAwesome。与它取得联系;) 太棒了!从 LESS 文件中删除了 Bootstrap 3 图标,并从 CDN 中包含了 FontAwesome 图标。 FontAwesome 提供更多图标选择,网站速度更快。

以上是关于向 Bootstrap 3 添加额外的自定义字形图标的主要内容,如果未能解决你的问题,请参考以下文章

将字形添加到标题

如何在引导程序 3 中包含字形图标 [重复]

散景 - 为补丁图上的单个字形创建自定义hovertool

如何在 bootstrap 3.0 中使用字形图标

bootstrap 3中的垂直对齐字形图标

如何将 Bootstrap 3 的字形图标更改为白色? [复制]