feat: make google fonts local to app

BePo65 · Feb 2, 2023 · 7a9fdb2 · 7a9fdb2
1 parent d208a4f
commit 7a9fdb2
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 2 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -53,6 +53,8 @@
     "@angular/platform-browser": "^15.1.2",
     "@angular/platform-browser-dynamic": "^15.1.2",
     "@angular/router": "^15.1.2",
+    "material-icons": "^1.13.1",
+    "roboto-fontface": "^0.10.0",
     "rxjs": "^7.8.0",
     "tslib": "^2.4.1",
     "zone.js": "^0.12.0"

diff --git a/projects/mat-tristate-checkbox-demo/src/index.html b/projects/mat-tristate-checkbox-demo/src/index.html
@@ -6,8 +6,6 @@
     <base href="/">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="icon" type="image/x-icon" href="favicon.ico">
-    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   </head>
   <body class="mat-typography">
     <app-root></app-root>

diff --git a/projects/mat-tristate-checkbox-demo/src/styles.scss b/projects/mat-tristate-checkbox-demo/src/styles.scss
@@ -1,3 +1,9 @@
+// Fonts for material
+@use "roboto-fontface/css/roboto/sass/roboto-fontface" with (
+  $roboto-font-path: "~roboto-fontface/fonts"
+);
+@use "material-icons/iconfont/material-icons";
+
 @import url("~@angular/material/prebuilt-themes/indigo-pink.css");
 
 html,