Contao-Camp 2024
Ergebnis 1 bis 10 von 10

Thema: Font Awesome funktioniert nur wenn ich den Link im Head-Bereich einfüge

  1. #1
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard Font Awesome funktioniert nur wenn ich den Link im Head-Bereich einfüge

    Hallo Leute, ich hab bei mir Fond Awesome 5 eingebaut. Es funktioniert bei mir nur, wenn ich im Head-Bereich im Seitenlayout
    HTML-Code:
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
    eingebe.

    Ich hab auch weiters die aktuelle Version von Fondawesome in "files" hochgeladen und gesagt, dass das "all.css" als Externes Stylesheed eingebunden werden soll.

    Wenn ich das mache, funktioniert es nicht. Es wird mir kein Icon im FE angezeigt. Warum ist das eigentlich so? Wie gesagt, nur wenn ich den Link im Head-Bereich einbaue, geht es.

    Hier mein CSS, wie ich es im Content einbinde:
    Code:
    .ce_downloads li:before {
    	font-family: "Font Awesome 5 Free";
    	content: "\f1c1";
    	font-weight: 900;
    	display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    LG, Andi

  2. #2
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Da wird dann wohl in Variante zwo ein Pfad zum Font nicht stimmen ...

  3. #3
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard

    Ich versteh nur nicht, was da fehlen könnte. Ich hab ja den ganzen Ordner in files reingezogen. Da ist alles drin.
    LG, Andi

  4. #4
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard

    Aber es spricht ja auch nichts dagegen, wenn ich den Pfad in den Head-Bereich einbinde, oder? Da erspare ich mir im files-Ordner einiges an Dateien.
    LG, Andi

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

    Standard

    Zitat Zitat von m-werk Beitrag anzeigen
    Aber es spricht ja auch nichts dagegen, wenn ich den Pfad in den Head-Bereich einbinde, oder?
    Der Datenschutz spricht vielleicht dagegen
    » sponsor me via GitHub or PayPal or Revolut

  6. #6
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    a. Du musst den Font auch irgendwo laden. @import ab Zeile 4586 in der all.css

    b. Das kannst du natürlich auch machen, wenn du die nötige Files direkt vom CDN laden möchtest. Manchmal möchte man das ja eben nicht.

  7. #7
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard

    Ok, dann möchte ich es doch mit "/files" lösen.

    Ich hab unter "files" den Ordner "fontawesome" angelegt und alle Sub-Ordner und files hochgeladen. Warum wirkt dann das CSS nicht, wenn ich es im Seitenlayout einbinde? Ich hab den ganzen Ordner hochgeladen. Den Ordner auch auf "Öffentlich" gestellt und neu Synchronisiert.
    LG, Andi

  8. #8
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Du möchtest jetzt nicht 'Mind the paths' und 'Double-Check your paths' von mir übersetzt bekommen, oder?

  9. #9
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard

    Nein, aber wo bitte soll hier jetzt der Fehler sein? Hier meine Ordnerstruktur.
    2021-04-26_14h12_16.jpg

    Und hier der Teil im /css/all.css
    Code:
    .fab {
      font-family: 'Font Awesome 5 Brands';
      font-weight: 400; }
    @font-face {
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 400;
      font-display: block;
      src: url("../webfonts/fa-regular-400.eot");
      src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
    
    .far {
      font-family: 'Font Awesome 5 Free';
      font-weight: 400; }
    @font-face {
      font-family: 'Font Awesome 5 Free';
      font-style: normal;
      font-weight: 900;
      font-display: block;
      src: url("../webfonts/fa-solid-900.eot");
      src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
    Es steht dort eh bei url "../webfonts/...."
    LG, Andi

  10. #10
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.424

    Standard

    So, nun funktioniert es. Ich hab einfach nochmals alles neu hochgeladen, Synchronisiert und den Cache gelöscht. Jetzt werden die Icons auch angezeigt und hab nur das all.css eingebunden.
    LG, Andi

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
  •