Font-Awesome Bibliothek hochladen

Den Download für die benötigten Punkte finden Sie hier: Font-Awesome

Nachdem Download entpacken Sie die ZIP-Datei und speichern diese auf Ihrem Computer. Danach loggen Sie sich in Ihrer Website ein.

Nun gehen Sie in den Filemanager. Nun sollten Sie in den Ordner "fonts" gehen und die folgenden Dateien in den Filemanager hochladen:
fontawesome-webfont.woff2
fontawesome-webfont.woff
fontawesome-webfont.ttf
fontawesome-webfont.eot
fontawesome-webfont.otf

Nachdem die Dateien hochgeladen sind gehen wir in den Ordner "CSS". Nun öffnen Sie die Datei "font-awesome.min" in einem Editor. In unserem Beispiel verwenden wir den Editor Brackets.
Nun kopieren Sie die Adressen-Links (URLs) vom Filemanager in die passenden Passagen (Grün markiert). Dabei ist wichtig das z.B. eine .eot Datei auch in dem vorgesehen Feld kopiert wird. Deshalb achten Sie auf die Endungen der URLs. (eot, woff2, woff, ttf)

Sobald die Datei gespeichert ist laden wir diese auch in den Filemanager hoch.

Nun kopieren wir die Adresse des Links und gehen in die eigene Kopfzeile.
Unseren Link fügen wir in den folgenden Code zwischen den "" ein. Danach kopieren wir den gesamten Code und fügen diesen in die eigene Kopfzeile ein. Code:
<link rel="stylesheet" href="/files/94/font-awesome.css">

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus.