Some icons do not display in Chrome

  • Resolved linkomatic

    (@linkomatic)


    11 years, 9 months ago

    Some of the icons displayed just before a widget title and other places appear fine on Firefox and Explorer, but do not display in Chrome. For example, in the sidebar there’s a megaphone displayed before the “Recent Posts” title, two quote “bubbles” that display before the Recent Comments title, and a stack of files that appear before the Archives and Categories titles. And a page icon is displayed preceding the title of the page. However, when I view the site in Chrome, the only icon that appears is the quote bubbles next to the Recent Comments widget title — for the others, you just see an outlined box with nothing in it. Weird!

    I’m developing this site on a locally hosted installation of WordPress, so I can’t send you a URL.

    Any idea what’s causing this anomaly or how to fix it???

    p.s. — In all other respects, I’m likin’ the theme a lot! :0)

Viewing 14 replies - 1 through 14 (of 14 total)
  • Theme Author presscustomizr

    (@nikeo)

    Hi,
    What is your version of the theme and of Chrome?
    Regards,
    Nicolas.

    Thread Starter linkomatic

    (@linkomatic)

    I’m on version 27.0.1453.94 m of Chrome, version 2.1.2 of the theme.

    Thread Starter linkomatic

    (@linkomatic)

    I found another site (mentioned in another post in this support forum) which is demonstrating the same issue. See this page: https://toolbox-4-websites.com/about/ When I view the page in Firefox, the page icon next to the About title displays. When I view it in Chrome, just a gray box appears.

    Theme Author presscustomizr

    (@nikeo)

    Hi,

    really weird because your page and the other are displayed fine with Chrome. I use Version 27.0.1453.110 m of chrome.

    It might be a cache browser issue since this font set has been recently added in the theme : you could try to clear up your cache in Chrome and see what it does.

    Hope this helps!
    Nicolas.

    Thread Starter linkomatic

    (@linkomatic)

    Cleared cache, no effect. Also opened an incognito mode window, with no effect.

    Thread Starter linkomatic

    (@linkomatic)

    Somehow related to the o/s? I’m on Windows 8.

    Theme Author presscustomizr

    (@nikeo)

    Well, I can’t say at this point. I can’t reproduce the problem. It is weird because Chrome is usually the most reliable browser…

    Thread Starter linkomatic

    (@linkomatic)

    yes, weird indeed. are you on a Mac or Windows?

    btw, here is a dicussion thread I found that seems to be related to this issue: https://code.google.com/p/chromium/issues/detail?id=122465

    Theme Author presscustomizr

    (@nikeo)

    Hum, well we have our answer then. It seems that the problem come from your version 27.0.1453.94 m of chrome.

    Can you please try to update chrome (see here https://support.google.com/chrome/answer/95414?hl=en) and tell me what happen?

    Thread Starter linkomatic

    (@linkomatic)

    Sorry, I forgot to mention that I did update to 27.0.1453.110 m before. No effect.

    Thread Starter linkomatic

    (@linkomatic)

    With the help of my brilliant son, we were able to figure out what was going on here. It stems from the text-rendering: optimizelegibility; property that is applied to the h1-h6 headers. When this property is disabled, all of the icon fonts display properly; when it is re-introduced, the entypo fonts disappear. So, removing that property is my workaround — it doesn’t seem to have any adverse effect on how the site displays. Perhaps you should consider removing this property from the theme’s CSS. I found one discussion thread that suggested it is not a good idea to use this property.

    By the way, I also tripped through a number of other discussion threads related to icon fonts not displaying properly. In fact, it seems that the o/s that one is using has an effect on whether and how a font displays. I couldn’t see the entypo icons on Windows 8. However, my son uses Chrome on a Mac, and he has no problem seeing the entypo fonts on the https://toolbox-4-websites.com/about/

    Theme Author presscustomizr

    (@nikeo)

    I am gonna test this!
    Many thanks for this great help!
    Best regards,
    Nicolas

    Thread Starter linkomatic

    (@linkomatic)

    By the way, here is the article discussing the advisability of using the text-rendering property: https://stackoverflow.com/questions/7968795/is-it-safe-to-use-the-css-rule-text-rendering-optimizelegibility-on-all-text Note that one of the comments suggests setting this property value to “auto”. I just tried that, and it worked fine, the same as removing it entirely — the icons all display in Chrome now.

    Theme Author presscustomizr

    (@nikeo)

    Cool, thanks for the link.
    Topic resolved and theme will be updgraded on this point in the next release.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Some icons do not display in Chrome’ is closed to new replies.