XF 2.3 XF 2.3 - FA in User Banners :(

[PASS]

Struggling with the FA changes in XF 2.3.

Can some please show me an example to add back my FA icons to the userbanners.

Thanks in advance.

 

[Old Nick]

Syntax has changed.

XF 2.3 Post in thread 'Boosting performance in XenForo 2.3'

Sep 26, 2023

Font Awesome improvements​

On almost every page we serve currently, we include as many as five different variants of the Font Awesome 5 Pro icon library. That's up to 8,000 icons split across their different variations, but on any given page we actually use... a lot less than that. The file size of each of these fonts is up to 200KB with an additional 40KB worth of CSS.

We have always wanted to ship a much smaller subset of icons but when admins, style designers and add-on developers have the full suite of icons available to them, this can be a challenge. In particular, working with...

• Chris D

• 
• 
• 

 

[PASS]

I'm aware. I tried the new formats for user banners. No luck.

 

[Old Nick]

How did you do that? Extra.less?

 

[PASS]

Yeah, and much trial and error, I figured it out. Sure, hope there is a noticeable performance difference that made this new way worth it. What a PITA just for icons.

 

[Andy.N]

Yeah, and much trial and error, I figured it out. Sure, hope there is a noticeable performance difference that made this new way worth it. What a PITA just for icons.

please share what you figured out. I'm sure people will run into the same issues.

 

[CtrlV]

same struggle, please share the solution?

 

[Old Nick]

same struggle, please share the solution?

K

Post in thread 'FA icons on notices'

Jul 26, 2024

Notices don't support XenForo template syntax, ony HTML - the HTML widget does support XenForo template syntax.
(Yes, this is inconsistent ... you may want to check suggestions and / or post a new one)

The reason why you still see a button (but no icons) is due to browsers accepting invalid HTML (<xf:button>...</xf:button> is invalid HTML) and trying their best to render smth. useful - the tag has a class attribute so the browser applies this to the invalid tag.

You would get the same visual output with

<wtf class="button" icon="save">test</wtf>
<br>
<wtf2 icon="fas...

• Kirby

• 

 

[CtrlV]

thanks, you might know the answer also here? https://xenforo.com/community/threads/please-enter-valid-username-css-rules.226434/