Google Webfonts

gistfile1.js

WebFontConfig = {
	google: { families: [ 'PT+Sans:400,400italic:latin', 'Ubuntu:300,400,500:latin' ] }
};

var cb = function() {
	var wf = document.createElement('script');
	wf.src = '//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
	wf.type = 'text/javascript';
	wf.async = 'true';
	var s = document.getElementsByTagName('script')[0];
	s.parentNode.insertBefore(wf, s);
};

var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;

if(raf){
	raf(cb);
}else{
	window.addEventListener('load', cb);
}

Hey, I know this is kind of old now (well, less than a year). But I found it via Google and got around using it for a project. It works great in all modern browsers but all hell breaks loose in IE9 and IE8. Yeah, sure not the most important browsers to support but I was aiming for IE9 support atleast.

The error occurs in requestAnimationFrame which is not supported by IE9 and lower, and it stops the page from rendering (IE11 in IE9 mode crashes). Here's the code with a SHIM added (that I found via Google). It's from Paul Irish and I simply added it to your scropt. The entire script is now:

      WebFontConfig = {
        google: { families: [ \'Ek+Mukta:200,800:latin\' ] }
      };
        var cb = function() {
            var wf = document.createElement(\'script\');
            wf.src = \'//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js\';
            wf.type = \'text/javascript\';
            wf.async = \'true\';
            var s = document.getElementsByTagName(\'script\')[0];
            s.parentNode.insertBefore(wf, s);
        };

        // shim layer with setTimeout fallback
        window.requestAnimFrame = (function(){
          return  window.requestAnimationFrame       ||
                  window.webkitRequestAnimationFrame ||
                  window.mozRequestAnimationFrame    ||
                  function( callback ){
                    window.setTimeout(callback, 1000 / 60);
                  };
        })();

        //var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame;
        var raf = requestAnimFrame;

        if(raf){
            raf(cb);
        }else{
            window.addEventListener(\'load\', cb);
        }

I've also created an updated GIST here: https://gist.github.com/kosmiq/2cdac1677d0ba07fc846