diff --git a/public/Cascadia.woff2 b/public/Cascadia.woff2
new file mode 100644
index 00000000..b2eae9f4
Binary files /dev/null and b/public/Cascadia.woff2 differ
diff --git a/public/FG_Virgil.woff2 b/public/FG_Virgil.woff2
new file mode 100644
index 00000000..5d2006a6
Binary files /dev/null and b/public/FG_Virgil.woff2 differ
diff --git a/public/fonts.css b/public/fonts.css
index e8722a79..165bf6a5 100644
--- a/public/fonts.css
+++ b/public/fonts.css
@@ -1,13 +1,13 @@
 /* http://www.eaglefonts.com/fg-virgil-ttf-131249.htm */
 @font-face {
   font-family: "Virgil";
-  src: url("FG_Virgil.ttf");
+  src: url("FG_Virgil.woff2");
   font-display: swap;
 }
 
 /* https://github.com/microsoft/cascadia-code */
 @font-face {
   font-family: "Cascadia";
-  src: url("Cascadia.ttf");
+  src: url("Cascadia.woff2");
   font-display: swap;
 }
diff --git a/public/index.html b/public/index.html
index 73936832..1da79674 100644
--- a/public/index.html
+++ b/public/index.html
@@ -67,16 +67,16 @@
     <link rel="stylesheet" href="fonts.css" />
     <link
       rel="preload"
-      href="FG_Virgil.ttf"
+      href="FG_Virgil.woff2"
       as="font"
-      type="font/ttf"
+      type="font/woff2"
       crossorigin="anonymous"
     />
     <link
       rel="preload"
-      href="Cascadia.ttf"
+      href="Cascadia.woff2"
       as="font"
-      type="font/ttf"
+      type="font/woff2"
       crossorigin="anonymous"
     />
     <link
diff --git a/src/scene/export.ts b/src/scene/export.ts
index 713bd016..603adba1 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/FG_Virgil.ttf");
+        src: url("https://excalidraw.com/FG_Virgil.woff2");
       }
       @font-face {
         font-family: "Cascadia";
-        src: url("https://excalidraw.com/Cascadia.ttf");
+        src: url("https://excalidraw.com/Cascadia.woff2");
       }
     </style>
   </defs>