diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 9c19d09c..4ba48ff0 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -75,6 +75,13 @@ export const Route = createRootRouteWithContext<{
       }),
     ],
     links: [
+      {
+        rel: 'preload',
+        href: '/fonts/Inter-latin.woff2',
+        as: 'font',
+        type: 'font/woff2',
+        crossOrigin: 'anonymous',
+      },
       { rel: 'stylesheet', href: appCss },
       {
         rel: 'apple-touch-icon',
diff --git a/src/styles/app.css b/src/styles/app.css
index daa2ebc6..c4d3488b 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -794,7 +794,7 @@ mark {
 }
 
 @font-face {
-  font-display: swap;
+  font-display: optional;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 100 900;
@@ -806,7 +806,7 @@ mark {
 }
 
 @font-face {
-  font-display: swap;
+  font-display: optional;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 100 900;