Druckbare Version
Hallo,
ich habe bereits einen Post gesehen wie man es lokal einbinden kann, jedoch ist es nicht das richtige für mich.
Folgendes habe ich schon versucht:
- CSS Datei importiert und eingebunden
- CSS Datei als externe Stylesheet geladen
- Einbindung im Head und/oder Body - funktioniert auch nicht
Ich möchte Font Awesome ganz einfach und ohne Modul einbinden. Ist das Möglich?
MfG
Ich mache es meist so:Zitat:
Zitat von c.stege
composer.jsonjs_scripts.html5Code:{
…,
"require": {
…
"components/font-awesome": "^5.0",
"robloach/component-installer": "*"
},
"config": {
"component-dir": "assets",
},
…
}
PHP-Code:<?php
$GLOBALS['TL_CSS'][] = 'assets/font-awesome/css/fontawesome-all.min.css||static';
js_scripts im Seitenlayout aktivieren.
Vielen Dank für deine Antwort.
Wie lege ich das Template js_scripts an, um es dann einzubinden?
MfG
Einfach selbst anlegen.
Ich habe die Datei jetzt angelegt in: vendor/contao/core-bundle/src/Resources/contao/templates/js/js_scripts.html5
Dann habe ich dies unter dem Punkt "Templates" angelegt und eingebunden.
Den Contao Manager habe ich durchlaufen lassen und bekomme folgende Fehlermeldung: "Could not delete assets/font-awesome/css/fontawesome.min.css:"
Die js_scripts.html5 sieht so aus:
Zu der composer.json hinzugefügtPHP-Code:<?php
$GLOBALS['TL_CSS'][] = 'assets/font-awesome/css/fontawesome.min.css||static';
PHP-Code:"components/font-awesome": "^5.0",
"robloach/component-installer": "*"
"config": {
"component-dir": "assets"
}
Nein, eigene Templates legst du im /templates Verzeichnis an.
Habe ich ja auch anschließend gemacht. Das Template ist angelegt, dennoch meckert der Contao Manager.
Lösche mal den Ordner assets/font-awesome und führe eine Paket Aktualisierung durch.
Perfekt es funktioniert.
Vielen Dank Spooky. Immer eine große Hilfe! :)
MfG
Trotzdem solltest Du das ursprüngliche Template unter vendor/contao/core-bundle/src/Resources/contao/templates/js/js_scripts.html5 wieder löschen, da das dort nicht hingehört und irgendwann mal zu Missverständnissen führen könnte. Der vendor/ Ordner ist grundsätzlich tabu; dort sollte daher auch nichts hinzugefügt oder gelöscht werden.Zitat:
Zitat von c.stege
Das Template js_scripts.html5 hättest Du auch direkt via SFTP im templates/ Ordner anlegen können.
Hallo zusammen,
weil ich mich nun auch schon mehrmals mit der Einbindung gequält habe und oft stundenlang nur die quadratischen Kästchen gesehen habe, möchte ich kurz posten, wie es für mich mit dem aktuellen Font Awesome 5 Free funktioniert. Oft ist es eine Sache der Schreibweise im CSS.
1. Aktuelles Paket Font Awesome 5 Free herunterladen und komplett in /files hochladen
2. In der Dateiverwaltung den Ordner auf "öffentlich" stellen
3. Unter Themes > Layout das gewünschte externe Font-Stylesheet wählen (ich nehme meist die Solid Fonts)
4. Im Contao-CSS den Selektor stylen, und zwar so, dass bei der Schrift Font Awesome 5 Free auseinander geschrieben steht und zusätzlich in Anführungszeichen
Ich hoffe, das hilft jemandem.
Marion
Anhang 22715
Anhang 22716
Anhang 22717
Ich habs genau so gemacht aber ich sehe nur Kästchen :DZitat:
Zitat von thymian
- Alle Dateien aus dem FA Download liegen unter files/jbz/css/fontawesome
- all.css oder auch solid.css sind im Layout eingebunden
- CSS Selektor sollte auch korrekt geschrieben sein
HTML-Code:li:before{ margin-left:10px; margin-right:5px; font:1.1em "Font Awesome 5 Free"; content: "\f00c"; color:$main-color; }
trotzdem mag es ned :(
Edit:
Wie so oft löst sich das Problem unmittelbar nachdem ich hier gepostet habe. Ich hatte eine abhängige Datei aus den anderen Ordnern nicht hochgeladen. ;-)