SOLVED: Default Font Awesome icon of component not working

Bugs
1

Browser: Chrome 110
OS: Windows 11

I’ve added an icon to my component and set a default Font Awesome regular icon.
Whenever I use this icon I’ll see the default, but in the front-end Font Awesome isn’t actually loaded. It’s not until I actually set the icon instead of relying on the default that it is loaded.

2

Hello @Gerben,

I’ve tried to replicate it, but I couldn’t. If I connect a property to the Icon control, and set a default one, it will render.
What do you mean by “Font Awesome” is not actually loaded?

Thanks,
Matej

1 Like
3

Hi @Matej
Thanks for checking!

What I mean when I say Font Awesome isn’t being loaded is the fact that I don’t see the script loaded in my network tab. When it is working I can see the CSS file (themes/bricks/assets/css/libs/font-awesome-6.min.css) actually being loaded.

Now, I’ve done some more digging and just noticed I failed to realize that I’m loading my component inside of a template. The template is being included in my page using the “Template” element in the builder.
As soon as I use that same structure directly, so not using a template element, it does work. Hope that helps you reproduce this issue! :slight_smile:

4

Hi @Gerben,

thank you for this. By creating a component inside a template, and then using the template on the page, I was able to reproduce the issue and I’ve added it to our local bug tracker.

Thank you.
Matej

5

Alright, good to hear. Thanks Matej!

6

Any news on that issue? It’s also there in 2.0 beta.

7

Hi @Maexxx,

if all goes according to the plan, it should be solved in the next version.

Best regards,
Matej

8

Hi guys,

We fixed this issue in Bricks 2.0 RC, which is now available in your account.
Changelog: Bricks 2.0-rc Changelog – Bricks

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.