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

Verwenden Sie diesen Link:

Answer 2

Wenn Sie eine neuere Version von Angular verwenden, reicht es nicht aus, das Paket einfach mit npm/yarn zu installieren. Sie müssen auch die CSS-Datei importieren (mit @import "~bootstrap-icons/font/bootstrap-icons.css";) in Ihrem styles.scss.

Answer 3

Sie benötigen einen Schriftarten-Importer. | versuchen

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css););

Answer 4

Ich habe meins zum Laufen gebracht, indem ich die Haupt font-awesome.css-Datei bearbeitet habe. Dort sind URLs zu den Quelldateien (woff, eot, etc...) enthalten, die ich in den absoluten Pfad ändern musste, z.B.: http://meinewebsite.de/font-awesome.woff Dann hat es funktioniert!

Answer 5

Ändere das:

Zu diesem:

Ich glaube, du brauchst das http: sonst weiß es nicht, welches Protokoll verwendet werden soll (und verwendet fälschlicherweise ein falsches, z.B. file:).