Font awesome icons not coming out as expected

Hi,

I am trying to add some basic social icons to my footer, but when I add in the html the incorrect fontawesome icon is coming out.

Example <i class="fab fa-facebook"></i>

Would expect

https://fontawesome.com/icons/facebook?style=brands

Looking at the css applied in Neto, font-family: "Font Awesome 5 Brands";

But the css file itself says href="https://use.fontawesome.com/releases//v5.7.2/css/all.css"

It's just the difference between a circle and square around the icon, but it's kind of buggering up my search's, as I can't see the html for the ones I want to add.

Has anybody else come across this?

Thanks heaps

Find more posts tagged with

Settings & Configuration

Accepted answers

All comments

Erik Merkley

I can replicate the problem. Looks like Font Awesome updated the icon style in a minor revision. If you update the CSS link in your header to https://use.fontawesome.com/releases//v5.13.0/css/all.css you'll see the newer circle icons.

Dee MacDermott

Thank you so much Erik, you legend. Worked like a charm.

It works with the cdn set up with Neto too.

[%cdn_asset html:'1' type:'css' domain:'use.fontawesome.com/releases' library:'' version:'v5.13.0'%]css/all.css[%/cdn_asset%]

Thanks heaps.