use roboto for android

components.html

@@ -28,9 +28,9 @@ base_url: "../"
       <li class="platform-switch" data-platform="platform-ios">
         <a>iOS</a>
       </li>
-      <!-- <li class="platform-switch" data-platform="platform-android">
+      <li class="platform-switch" data-platform="platform-android">
         <a>Android</a>
-      </li> -->
+      </li>
     </ul>
   </div>
 </div>

dist/android-theme.css

@@ -8,6 +8,13 @@
  * =====================================================
  */
 
+@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500);
+body {
+  font-family: "Roboto", sans-serif;
+  font-size: 17px;
+  line-height: 21px;
+}
+
 .content {
   background: #111111;
   background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 100%);

docs-assets/css/docs.css

@@ -1195,6 +1195,14 @@ hr {
   background-color: #efeff4;
 }
 
+.platform-android {
+  @import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500);
+}
+.platform-android body {
+  font-family: "Roboto", sans-serif;
+  font-size: 17px;
+  line-height: 21px;
+}
 .platform-android .content {
   background: #111111;
   background: -moz-linear-gradient(top, #111111 0%, #2b2b2b 100%);
@@ -1433,6 +1441,7 @@ hr {
   border-color: #81c700;
 }
 .platform-android .device {
+  font-family: 'Roboto', sans-serif;
   background-image: url("../img/android.png");
 }
 .platform-android .device .device-content {

lib/sass/docs.scss

@@ -774,6 +774,7 @@ hr {
   @import "theme-android.scss";
 
   .device {
+    font-family: 'Roboto', sans-serif;
     background-image: url("../img/android.png");
 
     .device-content {

lib/sass/theme-android.scss

@@ -6,12 +6,14 @@
 //
 // --------------------------------------------------
 
+@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500);
+
 
 // Variables
 // --------------------------------------------------
 
 // Type (Change to Roboto)
-$font-family-default: "Helvetica Neue", Helvetica, sans-serif;
+$font-family-default: 'Roboto', sans-serif;
 $font-size-default: 17px;
 $font-weight: 500;
 $font-weight-light: 400;
@@ -39,6 +41,12 @@ $border-radius: 0;
 // Base
 // --------------------------------------------------
 
+body {
+  font-family: $font-family-default;
+  font-size: $font-size-default;
+  line-height: $line-height-default;
+}
+
 .content {
   @include gradient($chrome-color,lighten($chrome-color, 10%));
 }