Font Awesome Display Issue

[Amaury]

This is just a general query.

I know where the buttons lead (e.g., Next), but I'm not understanding what the images are supposed to represent because they all look the same:

 

[Jeremy]

Your browser isn't displaying the font awesome icons.

 

[Amaury]

Your browser isn't displaying the font awesome icons.

Strange. It displays font awesome icons on other sites just fine, such as the prefixes on TAZ.

Any ideas what to look at? I'm on Firefox 33.1.

 

[Amaury]

Font Awesome on XenForo appears fine on Chrome.

 

[FredC]

This is just a general query.

I know where the buttons lead (e.g., Next), but I'm not understanding what the images are supposed to represent because they all look the same:

View attachment 89359

I had this issue happen when there were two versions of FA being called from various templates.. In other words FA plugins or template modifications clash with other FA integration with outdated versions.

I know that didnt make much sense but that was the problem i had with Font Awesome in the past.. Not sure if thats the case here but worth investigating.

 

[Chris D]

That screenshot was taken at XF.com but we certainly don't call Font Awesome twice anywhere here.

Is there anything listed in the browser F12 console when the icons are missing @Maru?

 

[Amaury]

That screenshot was taken at XF.com but we certainly don't call Font Awesome twice anywhere here.

Is there anything listed in the browser F12 console when the icons are missing @Maru?

 

[Chris D]

What if you white list XenForo.com in Adblock Plus?

 

[Amaury]

What if you white list XenForo.com in Adblock Plus?

Where do I do that? Although, strangely, Adblock Plus is also installed on Chrome with no problems.

 

[Chris D]

Or just turn off Ad Block Plus. I don't use it myself so I can't really advise how to do it.

Basically, try it with all browser extensions disabled first if possible. It might not be ABP, but disabling all extensions will help to narrow down the problem.

 

[Amaury]

Or just turn off Ad Block Plus. I don't use it myself so I can't really advise how to do it.

Basically, try it with all browser extensions disabled first if possible. It might not be ABP, but disabling all extensions will help to narrow down the problem.

Just found the issue, actually. It had to do with the code I had in Stylish for here:

@-moz-document domain("xenforo.com") {
* { font-family: 'Trebuchet MS' !important; }
.xenOverlay.memberCard .userInfo .status { display: none !important; }
}

Specifically, the font family for some reason. Font Awesome still worked with the member card code active.

 

[Chris D]

Yeah that would break it alright.

 

[Amaury]

Yeah that would break it alright.

No biggie. I'll deal with Georgia if it means working Font Awesome icons.

 

[Chris D]

If that code was for the sole purpose of changing the message text to Trebuchet then you'd be better to use:

.messageText { font-family: 'Trebuchet MS' !important; }

 

[Amaury]

If that code was for the sole purpose of changing the message text to Trebuchet then you'd be better to use:

.messageText { font-family: 'Trebuchet MS' !important; }

Ah! That and the rich text editor are the only areas that use Georgia, I believe (though the code I had didn't affect the editor for some reason).

 

[Forsaken]

No biggie. I'll deal with Georgia if it means working Font Awesome icons.

https://xenforo.com/community/misc/...ity/threads/font-awesome-display-issue.87254/

This style doesn't use Georgia.

 

[FredC]

That screenshot was taken at XF.com but we certainly don't call Font Awesome twice anywhere here.

I didnt realize XF used font awesome at all?

 

[Chris D]

XenForo Media Gallery uses Font Awesome extensively:

https://xenforo.com/community/media/

 

[Amaury]

https://xenforo.com/community/misc/style?style_id=7&_xfToken=560,1416099845,c53d602aa9f13e5c942855aa500d1c9b92e0188e&redirect=/community/threads/font-awesome-display-issue.87254/

This style doesn't use Georgia.

But I like that Default Style is fluid, so...