XF 2.2 Does XF block trademarked fontawesome icons?

[beerForo]

So I want a Link Forum to link to Instagram but the Instagram node icon appears as a blank space. I had to resort to using the hashtag icon (not ideal). I tested the Microsoft Windows icon and it also appears blank. So XF appears to be blocking the TMed icons but this only happens with node icons, I can put them, for example, in the header just fine.

We should have the ability to create a social menu.

 

[Jeremy P]

Can you post the code you used to reproduce?

 

[Paul B]

XF doesn't block any trademark/company icons.

You will need to provide some more details.

Link nodes don't have custom icons - how are you adding them?

 

[beerForo]

Alright so my forum that is still 2.2, in extra.less:
This works (hashtag):

.node--idx.node--link .node-icon i:before {
    content: "\f292";
}

This shows a blank space:

.node--idx.node--link .node-icon i:before {
    content: "\f16d";
}

"x" = forum id

 

[Jeremy P]

For brand icons you'll need to call the base mixin (.m-faBase('Brands')) to use the brand font. You should also likely be using .m-faContent(@fa-var-blah) for ease of upgrading.

 

[beerForo]

Where am I putting that?

 

[Jeremy P]

Next to the content property.

.node--idx.node--link .node-icon i:before
{
    .m-faBase('Brands');
    .m-faContent(@fa-var-instagram);
}

 

[beerForo]

Thank you! I will change them all to this format for when I jump to 2.3, but for now this works in 2.2 as well!

 

[Old Nick]

.m-faIcon(@fa-var-brands-instagram); works fine too.

@Jeremy P please use the ultimate Font Awesome syntax .m-faIcon instead of .m-faContent !

 

[Jeremy P]

This thread is for 2.2 but go off king.

But yes ultimately for 2.3 both changes are appropriate.

 

[Old Nick]

Have I lost yet another opportunity to remain silent?

 

[Jeremy P]

Nah you raise a good point for anyone stumbling across this thread in the future

 

[Old Nick]

You're kind.

 

[beerForo]

@Jeremy P please use the ultimate Font Awesome syntax .m-faIcon instead of .m-faContent !

Good info for when I upgrade.