Frage HTML Icon Hilfe (Anfänger)

[yogurette]

Hallo Liebe Forumler,

Ich bin Anfänger und habe ein Problem wo ich nicht weiter komme, ich möchte gerne Icons einfügen als Beispiel folgende Zeile:


<div class="pxl-item--icon pxl-mr-20">
<i aria-hidden="true" class="far fa-box-open"></i> </div>
<div class="pxl-item--holder">

Leider statt eines Fragezeichens kommt das Icon hier





Danke im Vorfeld
Liebe Grüße

 

[AndreasB]

Hallo @yogurette,

Die Klasse "far" gibt es bei den Font Awesome Icons nicht.
versuch mal <i aria-hidden="true" class="fa fa-box-open"></i>

 

[msi]

<i aria-hidden="true" class="far fa-box-open"></i>

Genau das hat yogurette dort stehen

 

[AndreasB]

@msi Danke. Ich habe es korrigiert (fa statt far)

 

[yogurette]

Hallo @yogurette,

Die Klasse "far" gibt es bei den Font Awesome Icons nicht.
versuch mal <i aria-hidden="true" class="fa fa-box-open"></i>

Danke für deine Nachricht
auch das funktioniert leider nicht :-/

 

[Lupus_III]

Ich habe jetzt mal eine blöde Frage. Hat deine Webseite einen Link zu Font Awesome? Wenn nicht kann das auch nicht funktionieren. Ich habe das mit Erfolg getestet.

 

[yogurette]

Ich habe jetzt mal eine blöde Frage. Hat deine Webseite einen Link zu Font Awesome? Wenn nicht kann das auch nicht funktionieren. Ich habe das mit Erfolg getestet.

Wo muss ich den genau einbetten und was genau? (sorry bin Anfänger)

 

[msi]

Klick mich

 

[Oliver77]

https://www.w3schools.com/icons/fontawesome_icons_intro.asp

Stell sicher, dass das eingefügt ist:

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

 

[msi]

Dann doch eher so: https://fastwp.de/font-awesome-lokal-einbinden/