Iconfonts verwenden

[kubjo]

Hi Leute,
ich suche nach einer einfachen Form Icons zu verwenden. Welche Erweiterung macht es möglich, ohne den Umweg eines Moduls oder eines Inserttags aus dem Backend Icons einzufügen?

Grüße
Jochen

[WorkerBeeEu]

Naja, du kannst z.B. fontawesome in den assets/-Ordner werfen und dann in deinem fe_page-Template oder einer eigenen js_*.html5 Datei folgendes hinterlegen und im Theme einbinden:

$GLOBALS['TL_CSS'][] = 'assets/fontawesome/fontawesome-all.css|static'; 

Keine Erweiterung nötig, die Elemente können ganz normal als Klasse benutzt werden.

[kubjo]

Hi WorkerBeeEu,
danke für Deine schnelle Antwort. Ich glaube, ich habe meine Frage nicht richtig gestellt. Ich will die Icons z.b. im Text oder als einzelnes Element dem Redakteur zugänglich machen. Ohne dass dieser das CSS editieren muß, direkt aus dem BAckend heraus.

Grüße
Jochen

[Spooky]

Das geht zB mit https://github.com/netzmacht/contao-...some-inserttag

[Niels H]

Da Iconfonts nicht gut für die Geschwindigkeit der Webseite und damit auch nicht gut für SEO sind, könntest Du auch ohne Erweiterung mit der Hilfe von den Contao Insert-Tags direkt auf die .svg-Dateien zugreifen.

Hierzu müsstest Du nur die Icons von bspw. fontawesome.com herunterladen und dann alle Dateien umbenennen. Über Mac können alle Dateien auf einmal umbenannt werden indem alle markiert werden, dann über "Ablage" umbenennen und "Suchen: .svg" "Ersetzen durch: .html5". Wenn Du die Dateien jetzt hochlädst, kannst Du einfach mit bspw. {{file::icons/light/hospital.html5}} ein einzelnes Icon einbinden. Und musst nicht 8000 Icons einbinden, von denen dann nur fünf verwendet werden.

[spacefront]

Ich hatte das über die Custom Eöements gelöst.
https://rocksolidthemes.com/de/conta...on#icon-picker

Das lässt sich recht leicht erweitern

[cliffparnitzky]

... ohne den Umweg eines Moduls oder eines Inserttags aus dem Backend Icons einzufügen ...

Einfach im Tiny Editor auswählen: https://packagist.org/packages/cliff...e-font-awesome