Recently, Google Chrome has encountered this ridiculous bug.
The bug (which has many forms) makes the fonts on the page invisible on initial page load.
Sort of a major fail for a web browser, especially google.
Sorry Google! (you know we love you but the typo thing, and now this? Nobody could resist.) Things looked grim as months passed with no bug fix in site. Half baked web masters and internet hacks everywhere had a moment of silence.
Enter Grayson De Ritis; mouse in hand, keyboard as a shield, riding on a rainbow unicorn across the great vast plains of the interwebs. With a fix to the Chrome invisible fonts bug that seems to have originated from this bug fix on Stack Overflow the day previous, as well as other blog sites. Alas, we witness the human phenomenon known as universal consciousness: when many people have the same idea, at the same time.
Of course, updating the browser works in most cases to. Well – this is one of the fixes we’ve applied to come clients who have found this annoying, as well as reverting to web-safe standard fonts that everyone can load as a backup.
We find it interesting that this bug has not been squashed by google yet
That’s why we want to share this post with all of you. Without further ado; here is that magical mystical code:
.classes-affected-by-issue
{
-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; }
}