Better fonts! (#12)

angular.json

@@ -42,6 +42,9 @@
               },
               {
                 "input": "src/global.scss"
+              },
+              {
+                "input": "src/assets/font/fonts.css"
               }
             ],
             "scripts": []

src/app/app.component.html

@@ -3,7 +3,7 @@
     <ion-menu class="sidebar" contentId="main-content" content="content" type="push" side="start">
       <ion-header>
         <ion-toolbar color="primary">
-          <ion-title>{{ appName }}
+          <ion-title style="font-weight: bold; color: white;">{{ appName }}
             <ion-menu-toggle menu="first" autoHide="false"></ion-menu-toggle>
           </ion-title>
         </ion-toolbar>

src/assets/font/fonts.css

@@ -0,0 +1,17 @@
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Regular.ttf');
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Light.ttf');
+    font-weight: 100;
+}
+
+@font-face {
+    font-family: 'Raleway';
+    src: url('./Raleway-Bold.ttf');
+    font-weight: bold;
+}

src/theme/variables.scss

@@ -3,6 +3,8 @@
 
 /** Ionic CSS Variables **/
 :root {
+  --ion-font-family: 'Raleway';
+
   /** primary **/
   --ion-color-primary: #3880ff;
   --ion-color-primary-rgb: 56, 128, 255;