Probleme bei der Umstellung auf die Font Awesome Icons 5

[Dragosius]

Hallo zusammen,

ich versuche gerade eine Webseite auf die Font Awesome Icons 5 umzustellen, jedoch werden bei mir die Icons nun gar nicht mehr angezeigt.

Ich binde folgendes css ein:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/fontawesome.min.css">

Der Aufruf erfolgt dann z.B. so:

.mainMenu .boxMenu > .boxMenuHasChildren > a::after{
    content:"\f107";
    display:block;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    font-size:14px;
    height:24px;
    line-height:24px;
    margin-left:5px;
    width:10px;
}

Kann mir jemand sagen, was hier denn noch falsch ist?


Vielen Dank

 

[kamil22]

Vielen Dank!
Und wenn wir die Farbe von die Text machen wurde?? wo schreibst wir das?? oder einfach text-color schrieben?

 

[Jan-Frederik Stieler]

Hi,
@Dragosius Du hast einen Typo in der Font-Family: font-family: "Font Awesome 5 Free";
Und Du musst natürlich die Schrift einbinden.
Und am besten verwendest Du auch diese Datei:
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.cssin der https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/fontawesome.min.css fehlt die @font-face deklaration.

@kamil22 Das CSS-Attribut für Schriftfarbe lautet color: #000;.
text-color existiert nicht!

Grüße