Changed Px Grotesk to Space Grotesk.

Author: thomasvaeth

src/app.html

@@ -4,6 +4,10 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;700&display=swap" rel="stylesheet" />
+
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

src/assets/fonts/Px-Grotesk-Bold.woff

@@ -3,7 +3,6 @@
   import { onMount } from 'svelte';
   import Lenis from 'lenis';
 
-  import '../styles/fonts.scss';
   import '../styles/app.scss';
 
   const {

src/assets/fonts/Px-Grotesk-Bold.woff2

@@ -11,7 +11,7 @@
 // Fonts
 //----------------------------------------------
 :root {
-  --font: 'Px Grotesk', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  --font: 'Space Grotesk', -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   --font-weight-regular: 400;
   --font-weight-bold: 700;
 }