revise: prefetch fonts

Author: claymcleod

.vitepress/config.mts

@@ -24,7 +24,21 @@ export default defineConfig({
   appearance: "force-dark",
   base: "/",
   ignoreDeadLinks: ["./LICENSE"],
-  head: [["link", { rel: "icon", href: "/favicon.ico" }]],
+  head: [
+    ["link", { rel: "icon", href: "/favicon.ico" }],
+    ["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=Martian+Mono:wght@100..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap",
+        rel: "stylesheet",
+      },
+    ],
+  ],
   themeConfig: {
     /**
      * Logo and site title.

.vitepress/theme/style.css

@@ -3,8 +3,6 @@
  * https://github.com/vuejs/vitepress/blob/main/src/client/theme-default/styles/vars.css
  */
 
-@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
-
 /**
  * Colors
  *