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;
}

---

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

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

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.

Zitat:

---

Zitat von m-werk

Aber es spricht ja auch nichts dagegen, wenn ich den Pfad in den Head-Bereich einbinde, oder?

---

Der Datenschutz spricht vielleicht dagegen ;)

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.

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.

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

Nein, aber wo bitte soll hier jetzt der Fehler sein? Hier meine Ordnerstruktur.
Anhang 24559

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/...."

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.