Verwendung von Fontawesome mit kit-fontawesome
Hallo zusammen,
ich möchte bei meiner Contao-Installation (3.3.5) die Icons von Fontawesome nutzen.
Wie kann ich die am einfachsten Einbinden?
Kann ich mir die Dateien manuell herunter laden und die CSS "per Hand" irgendwo einbinden?
Ich habe mir auch das "kit-fontawesome" aus den Extensions installiert.
Aber ... da passiert nix und ich weiß nicht, wo ich was einstellen muss und vor allem ob
Code:
<i class="fa fa-camera-retro"></i>
damit funktioniert.
Kann mir da einer weiterhelfen?
Liste der Anhänge anzeigen (Anzahl: 1)
Da ist jetzt die Rede von zwei verschiedenen Erweiterungen, meine Aussage bezog sich auf die "kit-fontawesome".
Ich hab dir mal einen Screenshot gemacht.
Anhang 14795
Gruß
Thomas
Liste der Anhänge anzeigen (Anzahl: 1)
@tblumrich:
Also mein Screenshot sieht da etwas anders aus. (Contao 3.3.5, wenn mich nicht alles täuscht).
Guckst du hier:
Anhang 14797
- und schon weiß ich auch, wo ich einen zusätzlichen head-Tag eingeben kann. ;-)
Liste der Anhänge anzeigen (Anzahl: 1)
Gut. Der Screenshot sieht bei mir nun wieder etwas anders aus.
Anhang 14798
Habe soeben eine weitere Extension installiert und dabei wurde offenbar noch ein Rest von kit-fontawesome ausgeführt. Jetzt ist es sichtbar.
Sorry also für die Verwirrung.
Jetzt klappt auch die Einbindung über die üblichen <i class.... usw. einwandfrei.
Danke.
FontAwesome-Icons über selbst CSS einbinden
Und um das Ganze abzuschließen, hab ich hier noch einen Code-Schnipsel, mit dem ich die Icons auch übers CSS steuern kann:
Code:
#left .ce_text h2:before {
margin-left:10px;
padding-right:10px;
font:1.1em/1.6em FontAwesome;
color:#000;
content: "\f15c";
}
So kann ich ein Icon z. B. auch einer Überschrift zuweisen, die innerhalb eines Downloads-Elements liegt.
Und zu guter Letzt: hier findet man alle content-Werte für alle FontAwesome-Icons (aktuelle Version 4.2.0)
http://astronautweb.co/snippet/font-awesome/
Vielleicht hilfts jemanden.
Update kit-fontawsome mit neuen fonts von Font Awesome Version 4.5 auf Contao 3.5.5
Zitat:
Zitat von
Spooky
Du kannst die FontAwesome Insert tags (zB
{{fa::phone}}) verwenden (falls du die FontAwesome Extension benutzt).
Für die neueste Version der Extension musst du allerdings die Paketverwaltung (Composer) benutzen.
Hallo,
falls jemand schlechte Erfahrungen mit dem Composer gemacht hat und dennoch die neusten Fonts von Fontawesome Version 4.5 nutzen möchte kann sich das ganz einfach updaten.
1. Einfach auf https://fortawesome.github.io/Font-Awesome/ gehen und das neue Paket downloaden.
2. In diesem Paket befindet sich der Ordner fonts.
3. Den Inhalt dieses Ordners einfach in den Ordner des Contao Modules: /system/modules/kit_fontawesome/assets/fonts ,rein kopieren.
4. Danach diesen Ordner öffnen: /system/modules/kit_fontawesome/modules
5. Dort befindet sich die Datei: ModuleFontAwesome.php ,diese Datei öffnen.
6. In dieser Datei einfach das hier suchen: protected $version = '4.3.0';
7. Einfach ersetzen mit protected $version = '4.5.0';
Das war es schon!
Und schon kann man die neuen Fonts inklusive dem Contao Font benutzen, z.B. wenn man das per insert Tag tun möchte.
z.B. {{fa::contao}} oder ganz neu {{fa::bluetooth}}
Anmerkung:
Bei mir funktioniert das einwandfrei mit der Standard ER von Contao, denn ich hatte mehrfach Probleme mit dem Composer und habe mich davon verabschiedet!
Wollte aber auch nicht auf die neuen Fonts bzw. Icons verzichten.
Übrigens läuft alles bei mir auf neuesten Contao Version 3.5.5
Hoffe es hilft einigen.
[3.5.6] - Einsatz von kit_fontawesome schlägt fehl
Hallo,
ich habe die Erweiterung über das ER installiert und im Seitenlayout auch die Quelle gewählt. Da ich aber LESS nutze habe ich Fontawesome auch so eingebunden. Meine über vergebenen Icons und auch Tags werden alle sauber ersetzt. Nur die InsertTags nicht. Da erscheint auch im Quell-Text nichts. Hat dazu jemand eine Idee.
Viele Grüße,
operatorone