Fontawesome kód nem működik CSS-ben

Fontawesome kód nem működik CSS-ben
2021-09-01T21:14:37+02:00
2021-09-01T21:41:19+02:00
2022-10-15T21:26:21+02:00
ShadowMember
Hello
Nem értem miért nem működik a fontawesome, amikor mindent elméletileg helyesen csináltam.
Nem mutatja az ikont.

Mit csináltam?

A HTML fájlba ezeket raktam:

Első rész <link rel=" stylesheet" href="../../css/fontawesome.min.css"> Második rész: <ul id="progressbar"> <li class="active" id="account"><strong>Account</strong></li> <li id="settings"><strong>Settings</strong></li> <li id="payment"><strong>Payment</strong></li> <li id="confirm"><strong>Finish</strong></li> </ul> Utolsó rész <script src="../../library/fontawesome.min.js"></script>

A CSS-ben ez van:

#progressbar #account:before { font-family: "Font Awesome 5 Free"; content: "\f007"; } #progressbar #settings:before { font-family: "Font Awesome 5 Free"; content: "\f013"; } #progressbar #payment:before { font-family: "Font Awesome 5 Free"; content: "\f09d"; } #progressbar #confirm:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; }
Settings és Confirm ikonok nem jelennek meg.
A fontawesome css és js, az "all.min.css" és "all.min.js" fájlokat használja. Én csak átneveztem őket hogy tudjam mihez tartozik. Végezetül a webfonts mappát átmásoltam a projektembe. Érdekes módon az account és payment ikonok megjelennek.

Mi lehet a probléma?
Köszönöm előre is a válaszokat.
Mutasd a teljes hozzászólást!
Oh ok. Valami furcsa módon hozzá kell adni ezt a részt a css részben. 

font-weight: 900;
Itt találtam meg a megoldást: Font Awesome 5 font-family issue . Nem törlöm a témát mert megeshet valaki más is ebbe ütközik majd. Akkor csak meg tudják nézni ezt a témát és mellé a választ.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd