XF 2.1 FA5 icons for forums, categories etc.

[Mr Lucky]

I understand that xenforo 2.1 now has FA5, and there is no option for retain FA4.

However if we have some FA4 icons defined in extra.less, (for individual forums/categories etc.) how do we make those show FA5 instead in order to be compatible stylistically?

I put the link for FA5 I'm <

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

Then I have the code in extra.less, just as I did with xf2 (which worked)

.block.block--category.block--category4 .block-header:before {
    font-family: FontAwesome;
    content: '\f517';
    float: left;
    padding-right: 5px;
}

But instead of showing an icon, there is just a rectangle

Can anyone please help?

Thanks

 

[BassMan]

Change the code to this:

.block.block--category.block--category4 .block-header:before {
    font-family: 'Font Awesome 5 Pro';
    font-weight: min(@xf-fontAwesomeWeight, @faWeight-regular);
    content: '\f517';
    float: left;
    padding-right: 5px;
}

 

[Mr Lucky]

Thanks, I knew it had to be easy!