Fix Chrome WebFonts painting bug

fixWebFonts.js

(function(){
  function brieflyAddCss(cssCode) {
    var styleElement = document.createElement("style");
    styleElement.type = "text/css";
    if (styleElement.styleSheet) {
      styleElement.styleSheet.cssText = cssCode;
    } else {
      styleElement.appendChild(document.createTextNode(cssCode));
    }
    document.head.appendChild(styleElement);
    
    setTimeout(function(){
      document.head.removeChild(styleElement);
    }, 100);
  }
  
  function fixFonts(){
    try {
      brieflyAddCss("* { color: white; }");
    } catch (e){
    }
  }
  
  if (window.addEventListener) {
    window.addEventListener("load", fixFonts);
  } else {
    window.attachEvent("onload", fixFonts);
  }
})();

My first thought was popping up a div over the whole window. But it seems like Chrome caches the painting of the layers underneath and returns to that rather than recalculating when you hide it. By adding a new stylesheet, it seems to force everything to get repainted.