diff --git a/app/srv/util/prod-index.ts b/app/srv/util/prod-index.ts
index 4a359cbd..4905c574 100644
--- a/app/srv/util/prod-index.ts
+++ b/app/srv/util/prod-index.ts
@@ -15,9 +15,12 @@ export const prodIndex = (
   <meta name="viewport"
     content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
   <link rel="stylesheet" href="/index.css">
-  <style>
-    @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600&display=swap');
-  </style>
+  <link 
+    as="style"
+    rel="stylesheet preload prefetch" 
+    href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600&display=swap" 
+    type="text/css" 
+    crossorigin="anonymous" />
   ${this.head.join("\n")}
 </head>
 
diff --git a/app/web/public/index.html b/app/web/public/index.html
index 7bf31125..b5b675c3 100644
--- a/app/web/public/index.html
+++ b/app/web/public/index.html
@@ -1,26 +1,37 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0"
+    />
+    <title>Prasi: App Builder</title>
+    <link rel="stylesheet" href="/index.css" />
+    <link
+      as="style"
+      rel="stylesheet preload prefetch"
+      href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600&display=swap"
+      type="text/css"
+      crossorigin="anonymous"
+    />
+    <link
+      as="style"
+      rel="stylesheet preload prefetch"
+      href="https://fonts.googleapis.com/css2?family=JetBrains+Mono"
+      type="text/css"
+      crossorigin="anonymous"
+    />
+    <script>
+      window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
+        isDisabled: true,
+        _renderers: {},
+      };
+    </script>
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport"
-    content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
-  <title>Prasi: App Builder</title>
-  <link rel="stylesheet" href="/index.css">
-  <style>
-    @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600');
-    @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono');
-  </style>
-  <script>
-    window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
-      isDisabled: true,
-      _renderers: {}
-    };</script>
-</head>
-
-<body className="flex-col flex-1 w-full min-h-screen flex opacity-0">
-  <div id="root"></div>
-  <script src="/index.js"></script>
-</body>
-
-</html>
\ No newline at end of file
+  <body className="flex-col flex-1 w-full min-h-screen flex opacity-0">
+    <div id="root"></div>
+    <script src="/index.js"></script>
+  </body>
+</html>
diff --git a/app/web/src/nova/ed/panel/side/style/panel/font.tsx b/app/web/src/nova/ed/panel/side/style/panel/font.tsx
index 6606ff45..d21143fe 100644
--- a/app/web/src/nova/ed/panel/side/style/panel/font.tsx
+++ b/app/web/src/nova/ed/panel/side/style/panel/font.tsx
@@ -244,7 +244,8 @@ export const PanelFont: FC<{
                 if (!doc.querySelector(`link[href="${_href}]`)) {
                   const link = doc.createElement("link");
                   link.type = "text/css";
-                  link.rel = "stylesheet";
+                  link.rel = "stylesheet preload prefetch";
+                  link.as = "style";
                   link.crossOrigin = "anonymous";
                   link.href = _href;
                   doc.head.appendChild(link);
