it-swarm.com.de

Font Awesome vs Glyphicons in Twitter Bootstrap

Ich bin ein Anfänger in der Webentwicklung und habe kürzlich angefangen, mit Twitter Bootstrap zu arbeiten. Ich weiß, dass es Glyphicons verwendet, von dem ich bereits weiß, wie man es verwendet. Aber ich bin auch auf Font Awesome gestoßen, das besagt, dass es für Bootstrap gebaut ist.

Was sind die Unterschiede zwischen den beiden? Ich meine, ist eins eine Alternative für das andere? Oder sollten Sie sie an verschiedenen Orten verwenden?

76
user2471133

In Bootstrap 2.xx Glyphyicons were im Bildformat, daher können Sie die Größe nicht erhöhen, die Farbe ändern, Hintergrundfarbe usw. Mit font-awesome erhalten Sie jedoch skalierbare Vektor-Icons, die sofort angepasst werden können - Größe, Farbe, Schlagschatten und alles, was mit CSS möglich ist.

Font-awesome ist wirklich eine Alternative für Glyphyicons, die von Zeit zu Zeit mit neuen Symbolen aktualisiert wird. Fat und Mdo planen, Font-awesome in bootstrap Version 3 als Ersatz für Glyphyicons zu integrieren.

Mein Vorschlag ist, dass Sie bootstrap mit font-awesome verwenden. Fügen Sie zuerst bootstrap css und dann Font-awesome css hinzu, damit die Glyphyicons durch font-awesome überschrieben werden. genial.

UPDATE

In Bootstrap-Version 3.x.x werden Glyphicons zum Schriftformat, das auch in 12px-Schriftgröße gut wiedergegeben wird. Wenn Sie die neueste Version von fontawesome verwenden, d. H. 4.01, können Sie beide Glyphicons mit fontawesome verwenden.

66
Ravimallya

Hervorragende Schrift: - Mehr als 150 weitere Symbole - Standardmäßige Pixelgenauigkeit bootstrap Schriftart (14 Pixel) - Symbole haben nicht die gleiche Größe und erfordern benutzerdefinierte CSS für die Ausrichtung - Liste mit Aufzählungszeichen, Drehung (kann hinzugefügt werden Mit CSS3), gestapelten Symbolen und Spinner-Animation (kann manuell hinzugefügt werden)

siehe: http://tagliala.github.io/vectoriconsroundup/

A side-by-side comparison between popular icon fonts made for Bootstrap.

28
Neo

Font awesome ist eine Sammlung von Vektor-Icons, die mit einer bestimmten Schriftart und CSS erstellt werden. Glyphicons verwendet die Sprite-CSS-Technik.
Sie können beide verwenden, fügen Sie einfach die CSS-Datei nach der von Bootstrap hinzu.

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

Wenn du keine Glyphicons haben willst, sondern nur die Font-Awesome, solltest du gehen hier und deinen Bootstrap Download anpassen, um ihn ohne Glyphicons zu bekommen.

12
tommaso capelli