diff --git a/docs/app/assets/css/docs.css b/docs/app/assets/css/docs.css
index b77db528..ed7c6f6c 100644
--- a/docs/app/assets/css/docs.css
+++ b/docs/app/assets/css/docs.css
@@ -1,3 +1,19 @@
+body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 85%;
+  font-weight: 400;
+}
+
+h1 {
+  font-size: 225%;
+  font-weight: 400;
+}
+
+h2 {
+  font-size: 185%;
+  font-weight: 400;
+}
+
 md-sidenav.md-locked-open[flex="20"] {
     width: 20%;
 }
diff --git a/docs/config/services/deployments/debug.js b/docs/config/services/deployments/debug.js
index 90e2ef34..afb4d7ec 100644
--- a/docs/config/services/deployments/debug.js
+++ b/docs/config/services/deployments/debug.js
@@ -32,7 +32,8 @@ module.exports = function debugDeployment(getComponentPath) {
       'css/prettify-theme.css',
       'css/docs.css',
       'css/animations.css',
-      'font-awesome/css/font-awesome.css'
+      'font-awesome/css/font-awesome.css',
+      '//fonts.googleapis.com/css?family=Roboto:400,400italic,500,700'
     ]
   };
 };
diff --git a/docs/config/services/deployments/default.js b/docs/config/services/deployments/default.js
index e730829a..2a7d07b6 100644
--- a/docs/config/services/deployments/default.js
+++ b/docs/config/services/deployments/default.js
@@ -32,7 +32,8 @@ module.exports = function defaultDeployment(getComponentPath) {
       'css/prettify-theme.css',
       'css/docs.css',
       'css/animations.css',
-      'font-awesome/css/font-awesome.css'
+      'font-awesome/css/font-awesome.css',
+      '//fonts.googleapis.com/css?family=Roboto:400,400italic,500,700'
     ]
   };
 };
diff --git a/docs/config/services/deployments/jquery.js b/docs/config/services/deployments/jquery.js
index 37a36d78..b228dbe0 100644
--- a/docs/config/services/deployments/jquery.js
+++ b/docs/config/services/deployments/jquery.js
@@ -36,7 +36,8 @@ module.exports = function jqueryDeployment(getComponentPath) {
       'css/prettify-theme.css',
       'css/docs.css',
       'css/animations.css',
-      'font-awesome/css/font-awesome.css'
+      'font-awesome/css/font-awesome.css',
+      '//fonts.googleapis.com/css?family=Roboto:400,400italic,500,700'
     ]
   };
 };
diff --git a/docs/config/services/deployments/production.js b/docs/config/services/deployments/production.js
index bc029fa9..601d3b9f 100644
--- a/docs/config/services/deployments/production.js
+++ b/docs/config/services/deployments/production.js
@@ -32,7 +32,8 @@ module.exports = function productionDeployment(getVersion) {
     stylesheets: [
       'css/prettify-theme.css',
       'css/docs.css',
-      'css/animations.css'
+      'css/animations.css',
+      '//fonts.googleapis.com/css?family=Roboto:400,400italic,500,700'
     ]
   };
-};
\ No newline at end of file
+};