diff --git a/layouts/about.hbs b/layouts/about.hbs
index 80496072070ac..d6bb1e58333bd 100644
--- a/layouts/about.hbs
+++ b/layouts/about.hbs
@@ -47,3 +47,4 @@
     {{> footer }}
 </body>
 </html>
+<link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
diff --git a/layouts/partials/footer.hbs b/layouts/partials/footer.hbs
index 7192d748ebea4..42f503a7c1ec8 100644
--- a/layouts/partials/footer.hbs
+++ b/layouts/partials/footer.hbs
@@ -24,6 +24,26 @@
 
 </footer>
 
+<script type="text/javascript">
+  (function(d) {
+    try {
+      var xhr = new XMLHttpRequest();
+      xhr.addEventListener('load', function() {
+        if(this.responseText) {
+          addStyle(this.responseText);
+          window.localStorage.fonts_css_cache = this.responseText;
+        }
+      });
+      xhr.open('get', '/static/fonts/webfont.css');
+      xhr.send();
+    } catch(e) {
+      var c = d.createElement('link'), sc = d.getElementsByTagName("script")[0];
+      c.href = '//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic';
+      c.rel = 'stylesheet';
+      sc.parentNode.insertBefore(c,sc);
+    }
+  })(document);
+</script>
 <link rel="stylesheet" href="/static/css/prism-tomorrow.css" media="all">
 <script src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" async defer></script>
 <script type="text/javascript">
diff --git a/layouts/partials/html-head.hbs b/layouts/partials/html-head.hbs
index ad9c6e9f6f730..524bde9122065 100644
--- a/layouts/partials/html-head.hbs
+++ b/layouts/partials/html-head.hbs
@@ -2,10 +2,6 @@
     <meta charset="utf-8">
     <title>{{#if title}}{{ title }} | {{/if}}{{ site.title }}</title>
 
-    <link rel="dns-prefetch" href="http://fonts.googleapis.com">
-    <link rel="dns-prefetch" href="http://fonts.gstatic.com">
-    <link rel="dns-prefetch" href="http://www.google-analytics.com">
-
     <meta name="author" content="{{ site.author }}">
     <meta name="robots" content="{{#if robots}}{{ robots }}{{else}}index, follow{{/if}}">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -29,4 +25,24 @@
         ga('create', 'UA-67020396-1', 'auto');
         ga('send', 'pageview');
     </script>
+    <script type="text/javascript">
+      var addStyle = (function(d) {
+        return function(style) {
+          if(!d.querySelector('#fontcache')) {
+            var c = d.createElement('style'), sc = d.getElementsByTagName("script")[0];
+            c.innerHTML = style;
+            c.id = 'fontcache';
+            sc.parentNode.insertBefore(c,sc);
+          }
+        }
+      })(document);
+      (function(d,w,s) {
+        if('querySelector' in d && 'localStorage' in w && s.getItem('fonts_css_cache') !== null) {
+          addStyle(s.fonts_css_cache);
+        }
+      })(document, window, window.localStorage);
+    </script>
+    <noscript>
+      <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic">
+    </noscript>
 </head>