diff --git a/src/fonts/Cascadia.ttf b/public/Cascadia.ttf
similarity index 100%
rename from src/fonts/Cascadia.ttf
rename to public/Cascadia.ttf
diff --git a/src/fonts/Cascadia.woff2 b/public/Cascadia.woff2
similarity index 100%
rename from src/fonts/Cascadia.woff2
rename to public/Cascadia.woff2
diff --git a/src/fonts/FG_Virgil.otf b/public/FG_Virgil.otf
similarity index 100%
rename from src/fonts/FG_Virgil.otf
rename to public/FG_Virgil.otf
diff --git a/src/fonts/FG_Virgil.ttf b/public/FG_Virgil.ttf
similarity index 100%
rename from src/fonts/FG_Virgil.ttf
rename to public/FG_Virgil.ttf
diff --git a/src/fonts/FG_Virgil.woff2 b/public/FG_Virgil.woff2
similarity index 100%
rename from src/fonts/FG_Virgil.woff2
rename to public/FG_Virgil.woff2
diff --git a/src/css/fonts.scss b/public/fonts.css
similarity index 74%
rename from src/css/fonts.scss
rename to public/fonts.css
index 87b5339e..165bf6a5 100644
--- a/src/css/fonts.scss
+++ b/public/fonts.css
@@ -1,13 +1,13 @@
 /* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */
 @font-face {
   font-family: "Virgil";
-  src: url("../fonts/FG_Virgil.woff2");
+  src: url("FG_Virgil.woff2");
   font-display: swap;
 }
 
 /* https://github.com/microsoft/cascadia-code */
 @font-face {
   font-family: "Cascadia";
-  src: url("../fonts/Cascadia.woff2");
+  src: url("Cascadia.woff2");
   font-display: swap;
 }
diff --git a/public/index.html b/public/index.html
index 39179f00..8f6b6343 100644
--- a/public/index.html
+++ b/public/index.html
@@ -65,6 +65,22 @@
     <!-- OG tags require absolute url for images -->
     <meta name="twitter:image" content="https://excalidraw.com/og-image.png" />
     <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
+    <link rel="stylesheet" href="fonts.css" type="text/css" />
+    <link
+      rel="preload"
+      href="FG_Virgil.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      href="Cascadia.woff2"
+      as="font"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+
     <link
       href="https://excalidraw-socket.herokuapp.com/socket.io"
       rel="preconnect"
diff --git a/src/css/styles.scss b/src/css/styles.scss
index dfa40772..75f5e8ba 100644
--- a/src/css/styles.scss
+++ b/src/css/styles.scss
@@ -1,6 +1,5 @@
 @import "./_variables";
 @import "./theme";
-@import "./fonts";
 
 :root {
   --sat: env(safe-area-inset-top);
diff --git a/src/index-node.ts b/src/index-node.ts
index d830d8a1..9cc89c94 100644
--- a/src/index-node.ts
+++ b/src/index-node.ts
@@ -54,8 +54,8 @@ const elements = [
   },
 ];
 
-registerFont("./static/fonts/FG_Virgil.ttf", { family: "Virgil" });
-registerFont("./static/fonts/Cascadia.ttf", { family: "Cascadia" });
+registerFont("./public/FG_Virgil.ttf", { family: "Virgil" });
+registerFont("./public/Cascadia.ttf", { family: "Cascadia" });
 
 const canvas = exportToCanvas(
   elements as any,
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 37178508..311a2518 100644
--- a/src/scene/export.ts
+++ b/src/scene/export.ts
@@ -94,11 +94,11 @@ export function exportToSvg(
     <style>
       @font-face {
         font-family: "Virgil";
-        src: url("https://excalidraw.com/static/fonts/FG_Virgil.woff2");
+        src: url("https://excalidraw.com/FG_Virgil.woff2");
       }
       @font-face {
         font-family: "Cascadia";
-        src: url("https://excalidraw.com/static/fonts/Cascadia.woff2");
+        src: url("https://excalidraw.com/Cascadia.woff2");
       }
     </style>
   </defs>