Font Awesome 4.0.0 veröffentlicht (Bootstrap 3 kompatibel)


Endlich wurde auch Font Awesome in einer aktuellen Version 4.0.0 veröffentlicht. Ab dieser Version ist Font Awesome auch Bootstrap 3.0.0 kompatibel. Was soviel heißt, das beide Frameworks inzwischen auf Fonts setzten und auch gleichzeitig verwendet werden können. Font Awesome wurde für die Version 4.0.0 komplett neu geschrieben, dabei wurde wert auf eine bessere Kompatibilität und höhere Schnelligkeit gesetzt, denn in Version 4.0.0 sind nur 10 neue Icons dazugekommen.

Ich habe in einem Beispiel MVC4 Projekt Font Awesome 4 und Bootstrap 3 per nuget installiert und das ganze sieht dann in der Ordnerstruktur folgendermaßen aus:

image

Hier werden die Schriften von Bootstrap und Font Awesome problemlos im gleichen Verzeichnis abgelegt und an der prinzipiellen Verwendung von Font Awesome hat sich nichts geändert und diese können parallel zu den Bootstrap Icons verwendet werden.

Einbinden des power off Symbols in einen Link:

<i class="fa fa-power-off fa-lg"></i>
         

Leider ist es aktuell nicht mehr so leicht die Bootstrap 3 less Dateien in einem MVC Projekt einzubinden und mittels Less.js zu kompilieren (css zu erzeugen). Hier kann es zu diversen Kompilierungsproblemen kommen, daher verwende ich aktuell die CSS Dateien direkt.

Advertisements

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s