diff --git a/package.json b/package.json
index d40902c..672603c 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "fgo-ta-com-website",
   "type": "module",
-  "version": "0.2.2-pre.20",
+  "version": "0.2.2-pre.21",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
diff --git a/serve.json b/serve.json
index eb10f13..4b422d7 100644
--- a/serve.json
+++ b/serve.json
@@ -12,6 +12,15 @@
         }
       ]
     },
+    {
+      "source": "**/*.woff2",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "no-cache"
+        }
+      ]
+    },
     {
       "source": "404.html",
       "headers": [
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index eecae04..39e99c5 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -9,6 +9,9 @@ import databasestar from 'iconoir/icons/database-star.svg'
 import mail from 'iconoir/icons/mail.svg'
 import type { IconsLookup } from '../types/generic'
 
+import workSans800 from '@fontsource/work-sans/files/work-sans-latin-800-normal.woff2?url';
+import workSans600 from '@fontsource/work-sans/files/work-sans-latin-600-normal.woff2?url';
+
 export interface Props {
   title: string
   currentpage: string
@@ -61,6 +64,8 @@ const mapped_navdata = navdata.map((item) => ({
     <!-- Disable DarkReader, as site is already in dark mode -->
     <meta name="darkreader-lock" content="this site only has darkmode"> 
     <!-- Links -->
+    <link rel="preload" as="font" type="font/woff2" href={workSans600} crossorigin="anonymous" />
+    <link rel="preload" as="font" type="font/woff2" href={workSans800} crossorigin="anonymous" />
     <link rel="icon" type="image/ico" href="/favicon.ico" />
     <link rel="sitemap" href="/sitemap-index.xml" />
     <link href="https://mastodon.neshweb.net/@Firq" rel="me" />