Contao Font Awesome funktioniert nicht

Druckbare Version

21.09.2018, 13:05
Thomasge

Contao Font Awesome funktioniert nicht

Hallo,

ich habe Contao Font Awesome installiert und ein Icon auf einer Webseite eingebunden, aber angezeigt wird nichts. Der HTML-Code für das entsprechende Icon ist soweit ich das beurteilen kann korrekt eingetragen. Habe dann das Element untersucht und dabei festgestellt, dass keine der beiden CSS-Dateien angesprochen wird. Wenn ich richtig recherchiert habe, dann sollte doch die font-awesome.min.css eingebunden sein, was aber nicht passiert ist. Habe ich da etwas vergessen zu konfigurieren. Wie kann ich bitte erreichen, dass das Icon auf der Webseite angezeigt wird?
Für Hinweise zur Lösung wäre ich sehr dankbar.

Gruß
Thomas
21.09.2018, 13:14
Spooky

Poste deine composer.json.
21.09.2018, 13:23
Thomasge

anbei die composer.json:

Code:

{ "name": "contao/managed-edition", "type": "project", "description": "Contao Open Source CMS", "license": "LGPL-3.0-or-later", "authors": [ { "name": "Leo Feyer", "homepage": "https://github.com/leofeyer" } ], "require": { "php": "^5.6 || ^7.0", "contao/calendar-bundle": "^4.4", "contao/comments-bundle": "^4.4", "contao/faq-bundle": "^4.4", "contao/listing-bundle": "^4.4", "contao/manager-bundle": "4.4.*", "contao/news-bundle": "^4.4", "contao/newsletter-bundle": "^4.4", "do-while/contao-backupdb-bundle": "^1.3", "netzmacht/contao-font-awesome": "^4.7", "netzmacht/contao-font-awesome-inserttag": "^2.0", "terminal42/notification_center": "^1.4" }, "conflict": { "contao/core-bundle": "<4.4.8" }, "config": { "component-dir": "assets" }, "extra": { "branch-alias": { "dev-4.4": "4.4.x-dev" } }, "scripts": { "post-install-cmd": [ "Contao\\ManagerBundle\\Composer\\ScriptHandler::initializeApplication" ], "post-update-cmd": [ "Contao\\ManagerBundle\\Composer\\ScriptHandler::initializeApplication" ] } }
21.09.2018, 13:25
Spooky

Ich denke du musst Font Awesome einfach im Seitenlayout aktivieren.
21.09.2018, 13:41
Thomasge

danke, das war der entscheidende Hinweis. Jetzt funktioniert es auch. Ich hatte gar nicht gewusst, dass man die CSS-Datei im Seitenlayout zuweisen muss.

Gruß
Thomas
21.09.2018, 13:44
Webbaumeister

Um die zu helfen wäre folgende Informationen hilfreich:
- Contao-Version
- Ist das ein Plugin? Link zum Plugin

Wenn es ein Plugin ist, sollte das automatisch geschehen. Jenachdem musst du bei den Layouts die CSS-Dateien von Hand einbinden, ich würde zuerst dort nachschauen.
04.04.2020, 14:08
walkabout77

Zitat:

Zitat von Spooky

Ich denke du musst Font Awesome einfach im Seitenlayout aktivieren.

Wieso wird das bei der Erweiterung nicht beschrieben? Ichhabe auch gerade eine halbe Stunde gesucht...

Und wieso kann man Font Awesome nicht einfach im Head einfügen:

HTML-Code:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Bei mir kamen auch nur diese Kästchen...

Gruss Stefan
04.04.2020, 14:10
Spooky

Zitat:

Zitat von walkabout77

Wieso wird das bei der Erweiterung nicht beschrieben?

Mach einfach einen Pull Request dafür.

Zitat:

Zitat von walkabout77

Und wieso kann man Font Awesome nicht einfach im Head einfügen:

HTML-Code:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Bei mir kamen auch nur diese Kästchen...

Du kannst machen was du willst. Wenn du Font-Awesome selbst einbinden willst, statt über die Extension, steht es dir ja frei das so zu tun.
04.04.2020, 14:15
walkabout77

Zitat:

Du kannst machen was du willst. Wenn du Font-Awesome selbst einbinden willst, statt über die Extension, steht es dir ja frei das so zu tun.

Klar, aber es hat ja auch nicht funktioniert... leider... Ich habe den Link unter "Zusätzliche <head>-Tags" im Seitenlayout eingetragen.

Und wenn ich die Erweiterung installiere, kommt folgende Fehlermeldung:

Code:

Die Ressource von "https://contao.xxxxxxx.ch/assets/font-awesome/css/font-awesome.css" wurde wegen eines MIME-Typ-Konfliktes ("text/html") blockiert (X-Content-Type-Options: nosniff).
04.04.2020, 14:55
Spooky

Vermutlich bist du in dieses Problem gelaufen: https://github.com/netzmacht/contao-...some/issues/22
Du musst deine composer.json wie hier beschrieben anpassen, dann nochmals ein composer update/install.
04.04.2020, 15:20
walkabout77

Hallo Spooky,

suoer, vielen Dank erstmals! Werde das versuchen...

Mich würde aber trotzdem noch interessieren, wieso das nicht funktioniert, wenn ich das Stylesheet im Seiten Layout einbinde??
04.04.2020, 15:21
Spooky

Zitat:

Zitat von walkabout77

Mich würde aber trotzdem noch interessieren, wieso das nicht funktioniert, wenn ich das Stylesheet im Seiten Layout einbinde??

Dazu müsstest du einen Link zur Seite posten, um zu sehen, was passiert. Hat aber nichts mit diesem Thema hier zu tun.
04.04.2020, 17:21
walkabout77

Ok, habe gerade herausgefunden, dass es Awesome Fonts 4 und 5 gibt. Wäre gut, wenn man das bei der Erweiterung sehen würde... ein paar Infos hätten mir insgesamt 2 Stunden erspart :D

Und wieso kann man in einem Textelement in der Quelltextansicht nicht einfach das Tag

HTML-Code:



einfügen??
06.04.2020, 10:49
steamchatter

Zitat:

Zitat von walkabout77

Und wieso kann man in einem Textelement in der Quelltextansicht nicht einfach das Tag

HTML-Code:



einfügen??

Erlaubst du in deinen Einstellungen den -Tag?
06.04.2020, 12:15
walkabout77

@spooky

Zitat:

Vermutlich bist du in dieses Problem gelaufen: https://github.com/netzmacht/contao-...some/issues/22
Du musst deine composer.json wie hier beschrieben anpassen, dann nochmals ein composer update/install.

Genau das war scheinbar das Problem, Danke!

@steamchatter

Zitat:

Erlaubst du in deinen Einstellungen den -Tag?

Das war auch mein erster Gedanke, das Tag ist aber schon von Haus aus erlaubt und ich habe dort nichts geändert, ausser das <iframe> hinzugefügt.