feat(windows): add noto sans as a fallback font

references #5565
ionic-team · Feb 24, 2016 · 85c1637 · 85c1637
1 parent a956895
commit 85c1637
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 4 deletions.
diff --git a/ionic/fonts/noto-sans-bold.ttf b/ionic/fonts/noto-sans-bold.ttf
diff --git a/ionic/fonts/noto-sans-regular.ttf b/ionic/fonts/noto-sans-regular.ttf
diff --git a/ionic/fonts/noto-sans.scss 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
@@ -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
@@ -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";
 }