Font Awesome icons in place of main menu text name

Hi,
I am looking to replace the menu name, in this case 'View Cart' with a cart icon from font awesome.

I am looking to achive this via CSS using, for example:.nav-item.item-285::before {          font-family: "Font Awesome 5 Free" !important;          content: "\f07a" !important;          font-size: 55px !important;} .nav-item.item-285 a.view_cart {          font:0/0 a !important;}
This works inasmuch as it applies an icon to the menu item however then icon is not that associated with unicode f07a. Image attached.

Hope you can assist with what is causing the icon the be displayed incorrectly.

Thanking you in advance. 

Hello,

Maybe you should add font-weight property (value 400 or 700) to your CSS code. Also, check on Font Awesome website you are using the correct icon code. For further investigation we need the link to the website.

Thanks,
Milos

Hi Milos,

Setting the font-weight to 600 or greater solved the issue and the cart icon displays.

Thank you for your support.