Font Awesome vs Glyphicons in Twitter Bootstrap

Question

我是网络开发的初学者，我最近开始使用Twitter Bootstrap，我知道它使用我已经知道如何使用的Glyphicons。但我也遇到了Font Awesome，它说它是为Bootstrap构建的。

这两者之间有什么不同？我的意思是一个替代另一个？或者你应该在不同的地方使用它们？

Answer 1

字体真棒是通过使用特定字体和一些CSS来获得“魔法”获得的矢量图标的集合，字形使用sprite-css技术。
你可以同时使用它们，只需在Bootstrap之后添加css文件即可。

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/> 
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/> 

如果你不希望有glyphicons只是字体 - 真棒一个你应该去here和自定义引导下载得到它没有glyphicons。

Answer 2

在引导2.x.x Glyphyicons 是在图像格式，因此你可以在不增加尺寸，改变颜色，背景颜色等很容易。但是，font-awesome为您提供了可立即定制的可缩放矢量图标 - 大小，颜色，投影以及任何可以通过CSS实现的功能。

字体真棒真的是Glyphyicons的替代方案，它随时获得新图标的更新。 Fat和Mdo计划将Font-awesome集成到引导版本3中，以取代Glyphyicons。

我的建议是你使用引导与字体真棒。首先包括bootstrap css然后包括Font-awesome css，这样Glyphyicons将被字体真棒覆盖。

UPDATE

在引导版本3.x.x glyphicons成为字体格式，它将即使在12px的字体大小很好呈现。如果您使用的是最新版本的fontawesome，即4.01，则可以将两个glyphicons与fontawesome一起使用。

Answer 3

字体真棒： - 超过150多个图标 - 像素完美的缺省引导字体（14px的） - 图标不具有相同的尺寸和需要对每个自定义CSS对准 - 拥有项目符号列表，旋转（可与CSS3加入），叠图标和微调动画（可以手动添加 ） Glyphyicons： - 减图标 - 像素完美以较大的字体大小（16像素） - 相同大小的图标

见： http://tagliala.github.io/vectoriconsroundup/

Answer 4

只是更新这个问题，以进一步的帮助。

现在2016年的潮流是谷歌素材字体。恕我直言，它们比字形和字体真棒，看起来更平坦，有超过350个图标供使用。免费分配在这里：https://design.google.com/icons/

我可以列出使用平面图标和材料设计的一些优点，材料设计也为您的Android APP提供了惊人的好处。 Material Design是Google在Android L OS（Android 5.0）中开发的一个可视化设计框架。材料设计框架适用于所有的Android平台，并且是平面图形界面的知识。 Google的新视觉设计框架平坦，优雅，充满活力，创造了统一的Android体验。

品牌推广 材料设计使用扁平和轻的物体。它只需要两到三种颜色来标记整个APP。材料设计很容易为您开发的应用程序打上品牌。

用户互动 在互联网时代，吸引用户是非常重要的。您必须通过您的APP不断与用户沟通。用户参与是成功的关键因素之一。智能手机应用程序的35％在安装APP的用户的使用寿命中仅使用一次。材料设计提供了用户与您之间的视觉语言。 UI/Ux是您和用户之间的通信媒介。糟糕的用户界面会让用户卸载你的APP。

材料设计照顾用户体验。它与用户深入交互。材料设计有响应&有意义的交互。您可以通过在您的应用中集成材料设计来取悦用户。