google webfonts are not displaying at all - chrome latest version, mac

Question

I have google fonts on my page for a long time, but recently they started to disappear only in Google Chrome, version 33.0.1750.117, Mac.. Some of the text with fonts is not displayed, if I click or hover the font displays just fine.

I found only this post about bug in Google Chrome 32, but it should be fixed as it is said, maybe another bug was produced?

http://blog.typekit.com/2014/02/04/chrome-bug-affecting-web-fonts/

Does somebody know about this issue?

Answer 1

I am experiencing the same issue, and I have found this discussion.

https://code.google.com/p/chromium/issues/detail?id=336476&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

Following workaround works for me:

body
{
    -webkit-animation-duration: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0.1s;
}

@-webkit-keyframes fontfix{
    from{   opacity: 1; }
    to{ opacity: 1; }
}

Hope this helps you out as well!

Answer 2

This workaround also works:

jQuery(window).load(function(){jQuery('body').width(jQuery('body').width()+1).width('auto')})

All credits to post #30 at Chrome's issues discussion forum. Can be found at here