Font Awesome vs Glyphicons in Twitter Bootstrap

Question

Ich bin ein Anfänger in Web-Entwicklung und ich habe vor kurzem mit Twitter Bootstrap arbeiten, ich weiß, es verwendet Glyphicons, die ich bereits weiß, wie man verwendet. Aber ich bin auch auf Font Awesome gestoßen, die besagt, dass es für Bootstrap gebaut wird.

Was sind die Unterschiede zwischen den beiden? Ich meine, ist man eine Alternative für den anderen? Oder solltest du sie an verschiedenen Orten verwenden?

Answer 1

Font awesome ist eine Sammlung von Vektor-Icons, die durch Verwendung einer bestimmten Schriftart und einige CSS, um die "Magie", Glyphicons verwendet die Sprite-CSS-Technik erhalten.
Sie können beide verwenden, fügen Sie einfach die CSS-Datei nach Bootstrap's.

<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 nicht wollen, glyphicons haben, sondern nur die font-ehrfürchtige eines sollten Sie here und passen Sie Ihre Bootstrap-Download gehen sie ohne glyphicons zu bekommen.

Answer 2

In Bootstrap 2.x.x Glyphyicons im Bildformat waren, damit Sie die Größe nicht erhöhen können, die Farbe, die Hintergrundfarbe ändern, etc. leicht. Mit font-awesome können Sie skalierbare Vektor-Icons erstellen, 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 Icons aktualisiert wird. Fat und Mdo planen Font-awesome in der Bootstrap-Version 3 als Ersatz für Glyphyon zu integrieren.

Mein Vorschlag ist Sie Bootstrap mit Font-awesome verwenden. Zuerst Bootstrap css und dann Font-awesome css, damit die Glyphyicons von font-awesome überschrieben werden.

UPDATE

In Bootstrap-Version 3.x.x glyphicons Schriftformat geworden, die schön sogar in 12px font-size machen wird. Wenn Sie die neueste Version von Fontawesome verwenden, d. H. 4.01, können Sie beide Glyphicons mit fontawesome verwenden.

Answer 3

Font Ehrfürchtig: - Mehr als 150 weitere Symbole - Pixel perfekt in Standard-Bootstrap-Schrift (14px) - Icons haben nicht die gleiche Größe und erfordern für jede benutzerdefinierte CSS auszurichten - Hat Liste mit Aufzählungszeichen, Rotation (Dose hinzugefügt werden, mit cSS3), Icons gestapelt und Spinner Animation (manuell ) Glyphyicons hinzugefügt: - Weniger Icons - Pixel Perfect bei größeren Schriftgröße (16px) - gleiche Größe Symbole

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

Answer 4

Aktualisieren Sie diese Frage nur zu weiteren Hilfen.

Jetzt im Jahr 2016 ist der Trend Google Material Schriftarten. IMHO sind sie schöner als Glyphicons und Font super, sieht flacher aus und es gibt mehr als 350 Icons für den Einsatz.Frei hier verteilt: https://design.google.com/icons/

Ich kann ein paar Vorteile der Verwendung von flachen Symbolen und Material Design auch aufführen, bietet Material Design erstaunliche Vorteile für Ihre Android APP. Material Design ist ein visuelles Design-Framework, das von Google in Android L OS (Android 5.0) entwickelt wurde. Material Design Framework arbeitet mit allen Android-Plattformen und ist für flache grafische Benutzeroberfläche bekannt. Das neue visuelle Design-Framework von Google ist flach, elegant und dynamisch und schafft eine einheitliche Android-Erfahrung.

Branding Material Design verwendet flache und leichte Objekte. Es erfordert nur zwei vor drei Farben, um die gesamte APP zu brandmarken. Material Design ist einfach, die APPs, die Sie entwickeln, zu brandmarken.

Benutzer Engagement In der Ära des Internets ist es sehr wichtig, Benutzer zu engagieren. Sie müssen ständig mit den Benutzern über Ihre APP kommunizieren. User Engagement ist einer der Schlüsselfaktoren für den Erfolg. 35% der Smart-Phone-APPS werden nur einmal in der Lebenszeit des Benutzers verwendet, der die APP installiert hat. Material Design bietet eine visuelle Sprache zwischen Benutzer und Ihnen.

BESSERE UI/UX UI/Ux ist das Medium der Kommunikation zwischen Ihnen und dem Benutzer. Eine schlechte Benutzeroberfläche wird den Benutzer dazu bringen, dein APP zu deinstallieren.

Material Design kümmert sich um die Benutzererfahrung. Es interagiert stark mit dem Benutzer. Material Design hat responsive & sinnvolle Interaktionen. Sie können den Benutzer begeistern, indem Sie das Materialdesign in Ihre App integrieren.