1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Font Awesome Display Issue

Discussion in 'General XenForo Discussion and Feedback' started by Amaury, Nov 15, 2014.

  1. Amaury

    Amaury Well-Known Member

    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:

    Gallery.png
     
  2. Jeremy

    Jeremy XenForo Moderator Staff Member

    Your browser isn't displaying the font awesome icons.
     
  3. Amaury

    Amaury Well-Known Member

    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.
     
    Last edited: Nov 15, 2014
  4. Amaury

    Amaury Well-Known Member

    Font Awesome on XenForo appears fine on Chrome.
     
    Last edited: Nov 15, 2014
  5. FredC

    FredC Well-Known Member

    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.
     
  6. Chris D

    Chris D XenForo Developer Staff Member

    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?
     
  7. Amaury

    Amaury Well-Known Member

    upload_2014-11-15_14-22-14.png
     
  8. Chris D

    Chris D XenForo Developer Staff Member

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

    Amaury Well-Known Member

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

    Chris D XenForo Developer Staff Member

    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.
     
  11. Amaury

    Amaury Well-Known Member

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

    Code:
    @-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.
     
  12. Chris D

    Chris D XenForo Developer Staff Member

    Yeah that would break it alright.
     
    Amaury likes this.
  13. Amaury

    Amaury Well-Known Member

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

    Chris D XenForo Developer Staff Member

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

    Code:
    .messageText { font-family: 'Trebuchet MS' !important; }
     
    Amaury likes this.
  15. Amaury

    Amaury Well-Known Member

    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).
     
  16. Forsaken

    Forsaken Well-Known Member

  17. FredC

    FredC Well-Known Member

    I didnt realize XF used font awesome at all?
     
  18. Chris D

    Chris D XenForo Developer Staff Member

    FredC likes this.
  19. Amaury

    Amaury Well-Known Member

Share This Page