diff --git a/ionic/fonts/noto-sans-bold.ttf b/ionic/fonts/noto-sans-bold.ttf
new file mode 100755
index 00000000000..6e00cdce1da
Binary files /dev/null and b/ionic/fonts/noto-sans-bold.ttf differ
diff --git a/ionic/fonts/noto-sans-regular.ttf b/ionic/fonts/noto-sans-regular.ttf
new file mode 100755
index 00000000000..9dd10199bc8
Binary files /dev/null and b/ionic/fonts/noto-sans-regular.ttf differ
diff --git a/ionic/fonts/noto-sans.scss b/ionic/fonts/noto-sans.scss
new file mode 100644
index 00000000000..389e1479d1b
--- /dev/null
+++ b/ionic/fonts/noto-sans.scss
@@ -0,0 +1,36 @@
+/**
+  Noto Sans Font
+  Google
+  Apache License, version 2.0
+  http://www.apache.org/licenses/LICENSE-2.0.html
+ */
+
+$noto-sans-font-path: $font-path !default;
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Noto Sans'), local('Noto-Sans-Regular'), url('#{$noto-sans-font-path}/noto-sans-regular.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Noto Sans'), local('Noto-Sans'), url('#{$noto-sans-font-path}/noto-sans.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 500;
+  src: local('Noto Sans Bold'), local('Noto-Sans-Bold'), url('#{$noto-sans-font-path}/noto-sans-bold.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Noto Sans Bold'), local('Noto-Sans-Bold'), url('#{$noto-sans-font-path}/noto-sans-bold.ttf') format('truetype');
+}
diff --git a/ionic/themes/dark.wp.scss b/ionic/themes/dark.wp.scss
index 5aa5bf56407..4c0ef7524e1 100644
--- a/ionic/themes/dark.wp.scss
+++ b/ionic/themes/dark.wp.scss
@@ -12,7 +12,7 @@ $link-wp-color:                       map-get($colors-wp, primary) !default;
 $background-wp-color:                 $background-color !default;
 $subdued-text-wp-color:               $subdued-text-color !default;
 
-$font-family-wp-base:                 "Roboto", "Helvetica Neue", sans-serif !default;
+$font-family-wp-base:                 "Segoe UI", "Noto Sans", sans-serif !default;
 $font-size-wp-base:                   $font-size-base !default;
 
 
@@ -85,5 +85,5 @@ $toggle-wp-handle-background-color-off: map-get($colors-wp, light) !default;
 
 // Roboto Font
 @at-root {
-  @import "../fonts/roboto";
+  @import "../fonts/noto-sans";
 }
diff --git a/ionic/themes/default.wp.scss b/ionic/themes/default.wp.scss
index c2adecfc115..9ebdad99db5 100644
--- a/ionic/themes/default.wp.scss
+++ b/ionic/themes/default.wp.scss
@@ -12,7 +12,7 @@ $link-wp-color:                       map-get($colors-wp, primary) !default;
 $background-wp-color:                 $background-color !default;
 $subdued-text-wp-color:               $subdued-text-color !default;
 
-$font-family-wp-base:                 "Roboto", "Helvetica Neue", sans-serif !default;
+$font-family-wp-base:                 "Segoe UI", "Noto Sans", sans-serif !default;
 $font-size-wp-base:                   $font-size-base !default;
 
 
@@ -62,5 +62,5 @@ $item-wp-padding-icon-bottom:         10px !default;
 
 // Roboto Font
 @at-root {
-  @import "../fonts/roboto";
+  @import "../fonts/noto-sans";
 }