XF 2.3 Font Awesome icons not working

schizoidnightmares

schizoidnightmares

Member
Licensed customer
The older <i> method does not work. I've tried using the <xf:fa> and that doesn't work either. For example, this produces nothing:
Code: 
<xf:fa icon="fas fa-yin-yang"></xf:fa>

The above is used in a custom BB code:
Code: 
<xf:fa icon="fas fa-{text}" />
 
Sort by date Sort by votes
Oh wait, did you mean as a replacement?

No sorry I thought the normal <xf:fa icon="fas fa-yin-yang" aria-hidden="true" /> would work
 
Upvote 0 Downvote
schizoidnightmares said:
It doesn't work. Not as an HTML replacement as mentioned in the OP. It doesn't even work when used in custom fields. This all previously worked in 2.2 using the <i> HTML tag.
Click to expand...
I agree, and theoretically as it's outputting html I can't see why the standard FA html won't work. Presumably have you tried it with <span>

<span class="fa-solid fa-yin-yang"></span>
 
Upvote 0 Downvote
Sonic Fan Games HQ said:
Bumping this.
Has anyone figured out how to parse FA through custom BBCode's HTML Replacement? The <xf:fa> syntax won't work, neither does the old <i> method.
Click to expand...
Maybe this post can help?
K

Post in thread 'FA icons on notices'

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
Code: 
<wtf class="button" icon="save">test</wtf>
<br>
<wtf2 icon="fas...
  • Like
 
Upvote 1 Downvote
Old Nick said:
Maybe this post can help?
K

Post in thread 'FA icons on notices'

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
Code: 
<wtf class="button" icon="save">test</wtf>
<br>
<wtf2 icon="fas...
  • Like
Click to expand...
That did the trick!

Code: 
<i class="fas fa-{text}" data-xf-init="icon"></i>

Thank you very much!

Edit: Funny enough, it won't show up when previewing Posts. But once you submit it, it does. I guess I can live with that.
 
Last edited:
Upvote 1 Downvote
You must log in or register to reply here.

Similar threads

Sonic Fan Games HQ
Duplicate Certain Font Awesome icons not working on BBCode button manager
Replies
3
Views
63
Jeremy P
Jeremy P
Sonic Fan Games HQ
Fixed BBCode Font Awesome icons not showing while previewing post/thread
Replies
1
Views
95
XF Bug Bot
XF Bug Bot
X
Variant font-awesome icons do not render in editor toolbars
Replies
4
Views
55
Xon
X
zoldos
  • Question Question
XF 2.2 issue with Font Awesome icons NOT working on several areas of my forum!
Replies
0
Views
60
zoldos
zoldos
AndyB
Fixed Font Awesome icons not showing
2
Replies
27
Views
2K
Kier
Kier
Back
Top Bottom