diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index 54781360..dbcacf61 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -76,6 +76,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: 'preload',
diff --git a/src/styles/app.css b/src/styles/app.css
index 7136d59a..2ee91a43 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -807,7 +807,7 @@ mark {
 }
 
 @font-face {
-  font-display: swap;
+  font-display: optional;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 100 900;
@@ -819,7 +819,7 @@ mark {
 }
 
 @font-face {
-  font-display: swap;
+  font-display: optional;
   font-family: 'Inter';
   font-style: normal;
   font-weight: 100 900;