XF 2.1 Font Awesome 5.2 Not Working

[LenKaiser]

Hello I'm trying to add Font Awesome icons to my menus. I'm finding that the icons for version 5.2 are just showing a little box.



Am I possibly putting the wrong css code? Here is my css:

.p-navEl [data-nav-id="myid"]:before{font-family:FontAwesome;content:"\f518";padding-right:5px}
.menu-linkRow.u-indentDepth0.js-offCanvasCopy[data-nav-id="myid"]:before{
    font-family: FontAwesome;
    content: "\f518";
    padding-right: 5px;
}

I have tried to change the font-family to Font Awesome 5 and that did not work.

 

[bzcomputers]

Pretty sure XenForo is still on Font Awesome 5.11.

Last updated in 2.1.5a: https://xenforo.com/community/threads/xenforo-2-1-5a-and-media-gallery-2-1-5-released.171922/

Edit: Nevermind thought you were referencing 5.12 not 5.2

 

[Jeremy P]

There are some LESS mixins available which might work better than setting the properties manually:

.m-faBase();
.m-faContent(@fa-var-book-open);

 

[LenKaiser]

Thanks guys I'll take a look.