Font Awesome Brands Not Working

[lakane_13]

Hi, i usually only come here as a last resort but can some one tell me which font awesome version you are currently using and how it is loaded as i can not see any link to font awesome in the source code.

Also some of my font awesome content codes work but the brand ones do not.

This works for some of my icons:

  .tab-icon-1:before{
      font-family: "FontAwesome"; font-size: 20px; color: rgba(143, 185, 232); padding-right:10px;}

  .tab-icon-1:before { content: "\f48b";}

But if i use a brand icon like facebook then i just get the little square blank.

[lakane_13]

Actually to be more precise the fas icons work but the fab do not.

[ruenel]

Hello Lee Kane,

Thank you for posting in!

To resolve your issue, you will have to update your code and use this one:

.tab-icon-1:before{
	content: "\f48b";
	font-family: "FontAwesomeBrands"; 
	font-size: 20px; 
	color: rgba(143, 185, 232); 
	padding-right:10px;
}

We would loved to know if this has work for you. Thank you.

[lakane_13]

Thank you Pikachu that worked

Could you also explain how X loads Fontawesome?

[rad]

Hi Lee,

You’re most welcome!

It should be loaded similar to actual font-awesome library, and it’s loaded as font files. The only difference is X doesn’t utilize the font-awesome default classes. Some classes may still there, some aren’t since it should be used within X and its classes.

Thanks!