Font Awesome-Symbole funktionieren nicht, ich habe alle erforderlichen Dateien eingebunden

Question

Ich versuche, Font Awesome-Symbole der Version 4.1.0 auf meiner Webseite zu verwenden, aber sie funktionieren nicht. Ich habe sie im head meiner Seite referenziert.

Ich habe zwei Methoden ausprobiert.

1. [Holen Sie sich ein KOSTENLOSES Angebot](#)

2. [Zuhause](index.html)

Hier ist der CDN-Link, den ich verwende:

Hier ist der vollständige HTML-Code:

        Retrica

                            Holen Sie sich ein KOSTENLOSES Angebot 

                                Zuhause
                                 Kontaktieren Sie uns

            Jetzt registrieren

Answer 1

An alle, die dies 2018 überprüfen. Ich benutze Font Awesome 4.7.0 und habe dieses Problem gelöst, indem ich einfach das s in fas entfernt habe, wie im Code zu sehen ist. Ursprünglich sah es so aus: .

Hoffe das hilft.

Answer 2

Das Hinzufügen hat für mich funktioniert:

schau mal

Also das vollständige Beispiel wäre:

Berechnen

Answer 3

Wenn Sie benutzerdefiniertes CSS definieren, müssen Sie font-weight: 900; für einige neuere Font Awesome-Bibliotheken (ab Version 5) festlegen. Wenn Sie dieses font-weight nicht einstellen, können Quadrate angezeigt werden.

Answer 4

Der CDN-Link, den Sie gepostet hatten, ist wahrscheinlich der Grund, warum es nicht richtig angezeigt wurde. Sie können stattdessen diesen hier verwenden, der für mich perfekt funktioniert.

Answer 5

Ich benutze:

und dann das Styling:

.icon::before {
display: inline-block;
margin-right: .5em;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}