From 209770e8aa246aaea1f5c87fac95fb46e4fb1895 Mon Sep 17 00:00:00 2001
From: Joakim Repomaa <joakim.repomaa@mocoapp.com>
Date: Tue, 17 Feb 2026 03:04:53 +0200
Subject: [PATCH] self host font

---
 package-lock.json | 10 ++++++++++
 package.json      |  1 +
 src/app.css       | 23 ++++-------------------
 3 files changed, 15 insertions(+), 19 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d5f7908..34ddfb4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "license": "ISC",
       "dependencies": {
+        "@fontsource/iosevka": "^5.2.5",
         "@sveltia/cms": "^0.140.3"
       },
       "devDependencies": {
@@ -497,6 +498,15 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fontsource/iosevka": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@fontsource/iosevka/-/iosevka-5.2.5.tgz",
+      "integrity": "sha512-Zv/UHJodDug1LcnWv2u2+GPp3oWP3U6Xp16cJOsqqZQNsCu8sA/ttT331N0NypxBZ+7c8szlSRlYDcy9liZ8pw==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
diff --git a/package.json b/package.json
index 384640c..ebb6712 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "format": "prettier --write ."
   },
   "dependencies": {
+    "@fontsource/iosevka": "^5.2.5",
     "@sveltia/cms": "^0.140.3"
   },
   "keywords": [
diff --git a/src/app.css b/src/app.css
index c16954c..88cb1b5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,23 +1,8 @@
 @import 'tailwindcss';
 
-/* Custom font imports */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2')
-    format('woff2');
-}
-
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('https://fonts.gstatic.com/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxjPVmUsaaDhw.woff2')
-    format('woff2');
-}
+/* Iosevka font - self-hosted via npm */
+@import '@fontsource/iosevka/400.css';
+@import '@fontsource/iosevka/700.css';
 
 html {
   color-scheme: light dark;
@@ -31,7 +16,7 @@ body {
 /* Theme configuration - 5 colors per layout */
 @theme {
   /* Font families */
-  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
+  --font-mono: 'Iosevka', ui-monospace, monospace;
   --font-sans: ui-sans-serif, system-ui, sans-serif;
 
   /* Web layout - 5 colors using light-dark() for dark mode */