Local font loading

tillvit · Oct 13, 2023 · fdae6e3 · fdae6e3
1 parent e32b04a
commit fdae6e3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/app/index.css b/app/index.css
@@ -1,3 +1,8 @@
+@font-face {
+  font-family: "Assistant";
+  src: url("assets/font/Assistant.ttf") format("ttf");
+}
+
 * {
   box-sizing: border-box;
   font-family: Assistant, Helvetica, sans-serif;

diff --git a/app/src/App.ts b/app/src/App.ts
@@ -343,8 +343,9 @@ document.querySelector("body")!.innerHTML = `<div id="popups"></div>
         `
 
 WebFont.load({
-  google: {
-    families: ["Assistant:200,300,400,500,600,700,800&display=swap"],
+  custom: {
+    families: ["Assistant"],
+    urls: ["index.css"],
   },
   active: init,
   inactive: init,

diff --git a/public/assets/font/Assistant.ttf b/public/assets/font/Assistant.ttf
diff --git a/vite.config.js b/vite.config.js
@@ -27,7 +27,7 @@ export default defineConfig({
         ]
       },
       workbox: {
-        globPatterns: ['**/*.{js,css,html}', 'assets/*'],
+        globPatterns: ['**/*.{js,css,html}', 'assets/**/*'],
       }
 
     })
-Original file line number
+Diff line change
@@ Expand Up / @@ -27,7 +27,7 @@ export default defineConfig({ @@
             ]
           },
           workbox: {
-            globPatterns: ['**/*.{js,css,html}', 'assets/*'],
+            globPatterns: ['**/*.{js,css,html}', 'assets/**/*'],
           }
         })
@@ Expand Down @@