diff --git a/demos/component-docs/app.scss b/demos/component-docs/app.scss
index 5448da0315..753e0d23dc 100644
--- a/demos/component-docs/app.scss
+++ b/demos/component-docs/app.scss
@@ -8,6 +8,10 @@ $colors: (
   royal:      #7e60ff,
 );
 
+$font-path: '../../dist/fonts';
+@import "../../ionic/ionic";
+
+
 body, body:hover, body a, body button, body media-switch {
   cursor: url('http://ionicframework.com/img/finger.png'), auto;
 }
@@ -340,7 +344,3 @@ body.ios button[fab].fab-map {
 body.md button[fab].fab-map {
   top: 220px;
 }
-
-@import "../../ionic/ionic";
-
-