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

Google Chrome displaying incorrect fonts (Sky)?

Discussion in 'General Software & Hardware Forum:' started by @GCarlD, Aug 21, 2017.

  1. @GCarlD

    @GCarlD Well-Known Member

    Hi Guys,

    Today after clearing my Cache and Cookies, I noticed that Google Chrome is no longer displaying the correct fonts on SkySports.com (a website I frequently visit on my break). Rather than display the Sky font called 'SkyText Medium' it is displaying 'Helvetica' and 'Times'?

    Please see below. Red highlights are the incorrect fonts Google Chrome are displaying. Green highlights are the correct 'SkyText Medium' fonts Safari is displaying:

    GC.png GC2.png

    I have tried uninstalling and reinstalling Chrome but it has not rectified the problem. Only a graphic designer would even care about such font issues haha, it is driving me crazy!

    Any ideas?
     
  2. hankscorpio

    hankscorpio Moderator Staff Member

    Found this posted somewhere...

    A new font rendering system (DirectWrite) has been implemented to Chrome on its newest update, more about that here. That might be the reason why your browser font changed. Here are some troubleshooting guides for such issue.
    • Enable/Disable DirectWrite in chrome://flags, ctrl+F to find it. Then restart by clicking on Relaunch now.
    • If nothing works, go to Settings > Show Advanced Settings > Uncheck Use hardware acceleration when available. Restart.
     
  3. @GCarlD

    @GCarlD Well-Known Member

    Ooohh that seems a bit much, it's only affecting the Sky Sports website, so I don't want to go changing any major settings unless absolutely necessary.

    I don't think it's my browser fonts that have changed, they are set to Times and Helvetica by default I believe. The problem is, it won't load a particular font on the Sky Sports website, (all of Sky's other fonts display ok). Obviously, I don't have the Sky Sports fonts installed on my Mac, and I shouldn't need to, as they should load from the website like they did before and like they still do in Safari.

    Inspect element errors:

    Screen Shot 2017-08-22 at 12.10.14.png
     
  4. hankscorpio

    hankscorpio Moderator Staff Member

    Looks like a specific issue with Chrome - other than trying some font display tricks in chrome I have no other input here :)
     
    @GCarlD likes this.
  5. @GCarlD

    @GCarlD Well-Known Member

    As in what you suggested above? I can't actually find 'DirectWrite' via the cmd+F function. You'd think me uninstalling Chrome and reinstalling it would correct any issues.

    Could any of these be the solution? Or is your guess as good as mine? Haha I literally do not know what I'm doing.
    Screen Shot 2017-08-22 at 12.37.50.png Screen Shot 2017-08-22 at 12.37.58.png
     
  6. @GCarlD

    @GCarlD Well-Known Member

    That 'User agent intervention for webfonts loading always' sounds somewhat hopeful....
     
  7. @GCarlD

    @GCarlD Well-Known Member

    I reported the problem to SkySports and the issue seems to have fixed itself :)
     
  8. hankscorpio

    hankscorpio Moderator Staff Member

    There is some issue around CSS and using @font or something like that - read about it last week, but I'm taking @scotty approach and just wasn't arsed posting it.

    Soz
     
  9. @GCarlD

    @GCarlD Well-Known Member

  10. hankscorpio

    hankscorpio Moderator Staff Member

  11. @GCarlD

    @GCarlD Well-Known Member

    Ah ok, well its all good now. I think Chrome only had a problem with SkySports for some reason, as every other website loaded its fonts fine. Maybe it is just a coincidence, as I frequently visit SkySports, I may have been on the site when I cleared my cache and cookies, and it didn't like that.
     
  12. bigdave

    bigdave Moderator Staff Member

    I've noticed chrome seems to struggle loading .css files recently (possibly since the last update?). A page will load un-styled and then has to be refreshed to pull the styling in.
     

Share This Page