diff --git a/bun.lock b/bun.lock
index 3cc605a..14e9072 100644
--- a/bun.lock
+++ b/bun.lock
@@ -6,6 +6,7 @@
       "dependencies": {
         "@astrojs/react": "^4.2.1",
         "@biomejs/biome": "^1.9.4",
+        "@fontsource-variable/lora": "^5.2.5",
         "@radix-ui/react-dropdown-menu": "^2.1.6",
         "@radix-ui/react-slot": "^1.1.2",
         "@tailwindcss/vite": "^4.0.15",
@@ -157,6 +158,8 @@
 
     "@floating-ui/utils": ["@floating-ui/utils@0.2.9", "", {}, "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg=="],
 
+    "@fontsource-variable/lora": ["@fontsource-variable/lora@5.2.5", "", {}, "sha512-eupTrzQnDFr3i9pci0efxfT0mCjGmWJNmDyvsl9Wq11JCyNr5ZN7bTjhIT6/q9daq5CshTsowg0/BH2gERbtXQ=="],
+
     "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.33.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.0.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ=="],
 
     "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.33.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.0.4" }, "os": "darwin", "cpu": "x64" }, "sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q=="],
diff --git a/package.json b/package.json
index bb23448..7ca5373 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@astrojs/react": "^4.2.1",
     "@biomejs/biome": "^1.9.4",
+    "@fontsource-variable/lora": "^5.2.5",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-slot": "^1.1.2",
     "@tailwindcss/vite": "^4.0.15",
diff --git a/src/components/Head.astro b/src/components/Head.astro
index baff8ca..78f7558 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -1,5 +1,6 @@
 ---
 import "/src/styles/globals.css";
+import "@fontsource-variable/lora";
 ---
 
 <meta charset="utf-8" />
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 4e620e9..ccf638f 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -2,6 +2,12 @@
 @plugin "tailwindcss-animate";
 @custom-variant dark (&:is(.dark *));
 
+
+@theme {
+	--font-sans: "Lora Variable", sans-serif;
+}
+
+
 @layer base {
   * {
     @apply border-border outline-ring/50;