change material font

linnovate · Jun 10, 2019 · aa634d6 · aa634d6
1 parent 352f0f9
commit aa634d6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/angular.json b/angular.json
@@ -21,7 +21,7 @@
               "src/favicon.ico"
             ],
             "styles": [
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "scripts": []
           },
@@ -71,7 +71,7 @@
             "tsConfig": "src/tsconfig.spec.json",
             "scripts": [],
             "styles": [
-              "src/styles.css"
+              "src/styles.scss"
             ],
             "assets": [
               "src/assets",

diff --git a/src/styles.css → src/styles.scss b/src/styles.css → src/styles.scss
@@ -1,9 +1,17 @@
 /* You can add global styles to this file, and also import other style files */
 @import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
 @import '~angular-tree-component/dist/angular-tree-component.css';
+@import '~@angular/material/theming';
+
+$custom-typography: mat-typography-config(
+    $font-family: 'Exo'
+);
+
+@include mat-core($custom-typography);
+
 body {
   margin: 0;
-}
-app-root {
-  font-family: 'Exo', sans-serif;
+  app-root {
+    font-family: 'Exo', sans-serif;
+  }
 }