From 7a9fdb26618b206173b6d14e9bfc5806b7b0c18f Mon Sep 17 00:00:00 2001
From: Bernhard Pottler <bpottler@nexgo.de>
Date: Thu, 2 Feb 2023 19:18:33 +0100
Subject: [PATCH] feat: make google fonts local to app

---
 package-lock.json                             | 22 +++++++++++++++++++
 package.json                                  |  2 ++
 .../mat-tristate-checkbox-demo/src/index.html |  2 --
 .../src/styles.scss                           |  6 +++++
 4 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 96a49c8..7bb273e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,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"
@@ -13469,6 +13471,11 @@
       "integrity": "sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==",
       "dev": true
     },
+    "node_modules/material-icons": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.13.1.tgz",
+      "integrity": "sha512-6EwhlEa4rwydNSWw11ig1oz/h/KcarJXn4n50Wd69v5Eh026Y6xBo9zLPeX4iF8+qUZV862X0AUUA0m0VaihWg=="
+    },
     "node_modules/mathml-tag-names": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
@@ -16204,6 +16211,11 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/roboto-fontface": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/roboto-fontface/-/roboto-fontface-0.10.0.tgz",
+      "integrity": "sha512-OlwfYEgA2RdboZohpldlvJ1xngOins5d7ejqnIBWr9KaMxsnBqotpptRXTyfNRLnFpqzX6sTDt+X+a+6udnU8g=="
+    },
     "node_modules/rollup": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.9.0.tgz",
@@ -29377,6 +29389,11 @@
       "integrity": "sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==",
       "dev": true
     },
+    "material-icons": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/material-icons/-/material-icons-1.13.1.tgz",
+      "integrity": "sha512-6EwhlEa4rwydNSWw11ig1oz/h/KcarJXn4n50Wd69v5Eh026Y6xBo9zLPeX4iF8+qUZV862X0AUUA0m0VaihWg=="
+    },
     "mathml-tag-names": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
@@ -31419,6 +31436,11 @@
         }
       }
     },
+    "roboto-fontface": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/roboto-fontface/-/roboto-fontface-0.10.0.tgz",
+      "integrity": "sha512-OlwfYEgA2RdboZohpldlvJ1xngOins5d7ejqnIBWr9KaMxsnBqotpptRXTyfNRLnFpqzX6sTDt+X+a+6udnU8g=="
+    },
     "rollup": {
       "version": "3.9.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.9.0.tgz",
diff --git a/package.json b/package.json
index cf06d10..d357d67 100644
--- 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
index 97f8b1f..367465d 100644
--- 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
index 6ebfbd2..96700b4 100644
--- 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,