fix load fonts through css

attempt to cache font files and load after dom init
resulted in a visible jitter when fonts transitioned.

client/main.js

@@ -4,32 +4,6 @@ $(document).ready(function() {
     challengeName :
     'Untitled';
 
-  // pre-cache fonts
-  var lightDef = $.ajax({
-    url: '/fonts/Lato-Light.ttf',
-    beforeSend: function(xhr) {
-      xhr.overrideMimeType('application/octet-stream');
-    }
-  });
-
-  var regularDef = $.ajax({
-    url: '/fonts/Lato-Regular.ttf',
-    beforeSend: function(xhr) {
-      xhr.overrideMimeType('application/octet-stream');
-    }
-  });
-
-  // now add link to css
-  $.when(lightDef, regularDef).then(function() {
-    $('<link />')
-      .attr({
-        type: 'text/css',
-        rel: 'stylesheet',
-        href: '/css/lato.css'
-      })
-      .appendTo('head');
-  });
-
   if (challengeName) {
     ga('send', 'event',  'Challenge', 'load', challengeName);
   }

server/views/partials/stylesheets.jade

@@ -1,3 +1,4 @@
+link(rel='stylesheet', type='text/css' href='/css/lato.css')
 link(rel="stylesheet" type="text/css" href="/bower_components/cal-heatmap/cal-heatmap.css")
 link(rel='stylesheet', href='/bower_components/font-awesome/css/font-awesome.min.css')
 link(rel='stylesheet', href='/bower_components/lightbox2/dist/css/lightbox.css')