The new format is:

font-family: 'Font Awesome 5 Free';
font-weight: 900;

For your example:

.top-left .nav > li a::before, .top-right .nav > li a::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}

Change anywhere in the CSS. Goes fast and so I made it.

And for some characters, you have to find a new free character on:

https://fontawesome.com/v4.7.0/icons/

Hello Chris,

Thanks for sharing.

Hello,

Thank you for your answer.

We don't want to change all FA version 4 of our site simply because the new update Easysocial uses FA 5 Free.

We don't understand why our JA WALL template no longer displays the following FA : fa-address-book, fa-address-card, fa-handshake-o.

With all our other templates, it works very well.

Could there be a conflict between the template and Easysocial ?

Waiting to find the problem internally, we use your technique. We did css to fix things and now we have all our FA (with FA 4 and FA 5).

Thank you again for your assistance.

Best regards.

Hello,

Could there be a conflict between the template and Easysocial ?
- You might want to consult with the template developer about this issue because we updated Font Awesome to the latest version in Easysocial 3.0. Some of the existing icons might not work.