docs(app): adds roboto font

docs(app): updates typography
docs(app): merges with old changes
angular
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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'
     ]
   };
-};
+};