Twitter的Bootstrap字体真棒与Glyphyicons

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

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

在Bootstrap 2.xx中, Glyphyicons 图像格式,因此您不能轻易增加尺寸,更改颜色,背景颜色等。 但是,font-awesome为您提供可以立即自定义的可缩放vector图标 – 大小,颜色,投影和任何可以通过CSS实现的function。

对于Glyphyicons来说,Font-awesome是一个真正的替代scheme,它随时随地用新的图标进行更新。 Fat和Mdo计划将Font-awesome集成到引导版本3中,以取代Glyphyicons。

我的build议是使用字体真棒引导。 首先包括bootstrap css,然后是Font-awesome css,这样Glyphyicons就会被字体超赞所覆盖。

UPDATE

bootstrap版本3.xx中, glyphicons变成了字体格式,甚至在12px字体大小的情况下也能很好地渲染。 如果你使用的是最新版本的fontawesome,也就是4.01,你可以同时使用这两个图标与fontawesome。

字体真棒: – 超过150多个图标 – 像素完美的默认引导字体(14像素) – 图标不具有相同的大小,并要求每个alignment的自定义CSS – 具有项目符号列表,旋转(可以添加与CSS3),堆叠图标,和微调animation(可以手动添加)Glyphyicons: – 较less的图标 – 像素在较大的字体大小(16像素)完美 – 相同大小的图标

请参阅: http : //tagliala.github.io/vectoriconsroundup/

Bootstrap的流行图标字体之间的并行比较。

字体真棒是通过使用特定的字体和一些CSS来获得“魔术”获得的vector图标的集合,字形使用精灵-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"/> 

如果你不想有graphics,而只是字体,你应该去这里定制你的Bootstrap下载,以获得它没有glyphicons。

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

现在在2016年的趋势是谷歌的材料字体 。 恕我直言,他们比字形和字体真棒,看起来更平坦,有超过350个图标使用。 免费分发: https : //design.google.com/icons/

我可以列出使用平面图标和材料devise的一些优势,材料devise为您的Android应用程序提供惊人的好处。 Material Design是Google在Android L OS(Android 5.0)中开发的一个可视化devise框架。 材料devise框架适用于所有的Android平台,并且是平面graphics界面。 Google的新视觉devise框架是平坦,优雅和充满活力的,创造了统一的Android体验。

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

用户参与在互联网时代,吸引用户是非常重要的。 你必须通过你的APP不断与用户沟通。 用户参与是成功的关键因素之一。 智能手机应用程序的35%在安装APP的用户终身使用一次。 材料devise提供用户和你之间的视觉语言。

更好的UI / UX UI / Ux是您和用户之间的通信媒介。 糟糕的用户界面会让用户卸载你的APP。

Material Design照顾用户体验。 它深深地与用户互动。 材料devise具有响应和有意义的交互。 您可以通过在您的应用程序中集成材料devise来取悦用户。