Contao-Camp 2024
Ergebnis 1 bis 12 von 12

Thema: Font Awesome lokale Einbindung

  1. #1
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    181

    Standard Font Awesome lokale Einbindung

    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:
    1. CSS Datei importiert und eingebunden
    2. CSS Datei als externe Stylesheet geladen
    3. 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

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

    Standard

    Zitat Zitat von c.stege Beitrag anzeigen
    Ich möchte Font Awesome ganz einfach und ohne Modul einbinden. Ist das Möglich?
    Ich mache es meist so:

    composer.json
    Code:
    {
        …,
        "require": {
            …
            "components/font-awesome": "^5.0",
            "robloach/component-installer": "*"
        },
        "config": {
            "component-dir": "assets",
        },
        …
    }
    js_scripts.html5
    PHP-Code:
    <?php

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

    js_scripts im Seitenlayout aktivieren.

  3. #3
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    181

    Standard

    Vielen Dank für deine Antwort.

    Wie lege ich das Template js_scripts an, um es dann einzubinden?

    MfG

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

    Standard

    Einfach selbst anlegen.

  5. #5
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    181

    Standard

    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:
    PHP-Code:
     <?php

    $GLOBALS
    ['TL_CSS'][] = 'assets/font-awesome/css/fontawesome.min.css||static';
    Zu der composer.json hinzugefügt
    PHP-Code:
    "components/font-awesome""^5.0",
            
    "robloach/component-installer""*"

    "config"
    : {
            
    "component-dir""assets"
        


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

    Standard

    Nein, eigene Templates legst du im /templates Verzeichnis an.

  7. #7
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    181

    Standard

    Habe ich ja auch anschließend gemacht. Das Template ist angelegt, dennoch meckert der Contao Manager.

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

    Standard

    Lösche mal den Ordner assets/font-awesome und führe eine Paket Aktualisierung durch.

  9. #9
    Contao-Nutzer
    Registriert seit
    01.12.2016.
    Beiträge
    181

    Standard

    Perfekt es funktioniert.
    Vielen Dank Spooky. Immer eine große Hilfe!

    MfG

  10. #10
    Administrator Avatar von xchs
    Registriert seit
    19.06.2009.
    Beiträge
    14.548
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

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

    Das Template js_scripts.html5 hättest Du auch direkt via SFTP im templates/ Ordner anlegen können.
    Contao Community Administrator

    [Unterstützungsmöglichkeiten]

  11. #11
    Contao-Nutzer
    Registriert seit
    13.03.2010.
    Beiträge
    227

    Standard Font Awesome 5 Free in Contao lokal einbinden

    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

    Bildschirmfoto 2019-09-18 um 13.45.29.png
    Bildschirmfoto 2019-09-18 um 13.46.02.png
    Bildschirmfoto 2019-09-18 um 13.46.52.png

  12. #12
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

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

    Bildschirmfoto 2019-09-18 um 13.45.29.png
    Bildschirmfoto 2019-09-18 um 13.46.02.png
    Bildschirmfoto 2019-09-18 um 13.46.52.png
    Ich habs genau so gemacht aber ich sehe nur Kästchen

    1. Alle Dateien aus dem FA Download liegen unter files/jbz/css/fontawesome
    2. all.css oder auch solid.css sind im Layout eingebunden
    3. 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. ;-)
    Geändert von Kahmoon (04.02.2020 um 08:50 Uhr)

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
  •