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。

材料設計照顧用戶體驗。它與用戶深入交互。材料設計有響應&有意義的交互。您可以通過在您的應用中集成材料設計來取悅用戶。