Ich bin ein Anfänger in der Webentwicklung und habe vor kurzem angefangen, mit Twitter Bootstrap zu arbeiten. Ich weiß, dass es Glyphicons verwendet, die ich bereits verwenden kann. Aber ich bin auch auf Font Awesome gestoßen, das besagt, dass es für Bootstrap gebaut wurde.
Was sind die Unterschiede zwischen den beiden? Ich meine, ist das eine eine Alternative für das andere? Oder sollten Sie sie an verschiedenen Orten verwenden?
Antworten:
In Bootstrap 2.xx Glyphyicons waren im Bildformat, daher können Sie nicht die Größe, die Farbe ändern, Hintergrundfarbe, etc. leicht. Mit font-awesome erhalten Sie jedoch skalierbare Vektorsymbole, die sofort angepasst werden können - Größe, Farbe, Schlagschatten und alles, was mit der Leistung von 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 als Ersatz für Glyphyicons in Bootstrap Version 3 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 von Font-Awesome überschrieben werden.
AKTUALISIEREN
In der Bootstrap-Version 3.xx werden Glyphicons zum Schriftformat, das auch bei einer Schriftgröße von 12 Pixel gut gerendert wird. Wenn Sie die neueste Version von fontawesome verwenden, dh 4.01, können Sie beide Glyphicons mit fontawesome verwenden.
Font Awesome: - Über 150 weitere Symbole - Pixel perfekt bei Standard-Bootstrap-Schriftart (14 Pixel) - Symbole haben nicht die gleiche Größe und erfordern ein benutzerdefiniertes CSS für jede Ausrichtung. - Hat eine Liste mit Aufzählungszeichen, Drehung (kann mit CSS3 hinzugefügt werden), gestapelte Symbole und Spinner-Animation (kann manuell hinzugefügt werden) Glyphyicons: - Weniger Symbole - Pixel Perfekt bei größerer Schriftgröße (16 Pixel) - Symbole gleicher Größe
siehe: http://tagliala.github.io/vectoriconsroundup/
Font awesome ist eine Sammlung von Vektorsymbolen, die mithilfe einer bestimmten Schriftart und etwas CSS erhalten werden, um die "Magie" zu erzeugen. Glyphicons verwendet die Sprite-CSS-Technik.
Sie können beide verwenden. Fügen Sie einfach die CSS-Datei nach der Bootstrap-Datei 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 Sie keine Glyphicons haben möchten, sondern nur die großartige Schriftart, sollten Sie hier Ihren Bootstrap-Download anpassen, um ihn ohne Glyphicons zu erhalten.