Contao-Camp 2024
Ergebnis 1 bis 15 von 15

Thema: Contao Font Awesome funktioniert nicht

  1. #1
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard 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

  2. #2
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Poste deine composer.json.

  3. #3
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard

    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"
            ]
        }
    }

  4. #4
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Ich denke du musst Font Awesome einfach im Seitenlayout aktivieren.

  5. #5
    Contao-Fan
    Registriert seit
    31.01.2016.
    Ort
    Kaufbeuren
    Beiträge
    473

    Standard

    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

  6. #6
    Contao-Nutzer
    Registriert seit
    10.02.2012.
    Ort
    Basel
    Beiträge
    213
    Partner-ID
    8602

    Standard

    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.

  7. #7
    Contao-Nutzer
    Registriert seit
    30.05.2010.
    Ort
    Schweiz
    Beiträge
    247

    Standard

    Zitat Zitat von Spooky Beitrag anzeigen
    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

  8. #8
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von walkabout77 Beitrag anzeigen
    Wieso wird das bei der Erweiterung nicht beschrieben?
    Mach einfach einen Pull Request dafür.




    Zitat Zitat von walkabout77 Beitrag anzeigen
    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.

  9. #9
    Contao-Nutzer
    Registriert seit
    30.05.2010.
    Ort
    Schweiz
    Beiträge
    247

    Standard

    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).

  10. #10
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    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.

  11. #11
    Contao-Nutzer
    Registriert seit
    30.05.2010.
    Ort
    Schweiz
    Beiträge
    247

    Standard

    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??

  12. #12
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von walkabout77 Beitrag anzeigen
    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.

  13. #13
    Contao-Nutzer
    Registriert seit
    30.05.2010.
    Ort
    Schweiz
    Beiträge
    247

    Standard

    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

    Und wieso kann man in einem Textelement in der Quelltextansicht nicht einfach das Tag
    HTML-Code:
    <i class="fa fa-mobile" aria-hidden="true"></i>
    einfügen??
    Geändert von walkabout77 (04.04.2020 um 18:50 Uhr)

  14. #14
    Contao-Nutzer
    Registriert seit
    14.11.2013.
    Ort
    Wörth an der Donau
    Beiträge
    43
    Partner-ID
    9375

    Standard

    Zitat Zitat von walkabout77 Beitrag anzeigen
    Und wieso kann man in einem Textelement in der Quelltextansicht nicht einfach das Tag
    HTML-Code:
    <i class="fa fa-mobile" aria-hidden="true"></i>
    einfügen??
    Erlaubst du in deinen Einstellungen den <i>-Tag?

  15. #15
    Contao-Nutzer
    Registriert seit
    30.05.2010.
    Ort
    Schweiz
    Beiträge
    247

    Standard

    @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.
    Genau das war scheinbar das Problem, Danke!


    @steamchatter

    Erlaubst du in deinen Einstellungen den <i>-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.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •