diff --git a/docs/src/www/index.html b/docs/src/www/index.html
index 02ffb7a4f1be87..1df38f8c36f38b 100644
--- a/docs/src/www/index.html
+++ b/docs/src/www/index.html
@@ -11,6 +11,20 @@
 </head>
 
 <body>
+	<script>
+		var WebFontConfig = {
+			google: { families: [ 'Roboto:400,300,500:latin' ] }
+		};
+		(function() {
+			var wf = document.createElement('script');
+			wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
+			'://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);
+		})();
+	</script>
   <script src="app.js"></script>
 </body>
 
diff --git a/src/less/variables/custom-variables.less b/src/less/variables/custom-variables.less
index 6a817ab4eb9214..acdd5eda28762e 100644
--- a/src/less/variables/custom-variables.less
+++ b/src/less/variables/custom-variables.less
@@ -2,7 +2,6 @@
 // This is place to put any variable overrides as well.
 
 //Typography
-@import url('http://fonts.googleapis.com/css?family=Roboto:300,400,500');
 @headingFontFamily: 'Roboto', sans-serif;
 @contentFontFamily: 'Roboto', sans-serif;
 
