diff --git a/index.html b/index.html
index 8d28f62..7ad7786 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link rel="preconnect" href="https://fonts.googleapis.com" />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;1,300&family=Rubik:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet" />
     <title>sofi web</title>
     <style>
       .__hidden {
diff --git a/package.json b/package.json
index 5700e1b..2ffab35 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,8 @@
     "vite": "^4.0.0"
   },
   "dependencies": {
+    "@fontsource/jetbrains-mono": "^4.5.11",
+    "@fontsource/rubik": "^4.5.13",
     "svelte-navigator": "^3.2.2"
   }
 }
diff --git a/src/main.js b/src/main.js
index 41eba05..b7f6d31 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,13 @@
 import "./app.css"
 import App from "./App.svelte"
 
+import "@fontsource/rubik/400.css"
+import "@fontsource/rubik/400-italic.css"
+import "@fontsource/rubik/500.css"
+import "@fontsource/rubik/500-italic.css"
+import "@fontsource/jetbrains-mono/300.css"
+import "@fontsource/jetbrains-mono/300-italic.css"
+
 const app = new App({
     target: document.getElementById("app"),
 })
diff --git a/yarn.lock b/yarn.lock
index d7525b9..767303e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -112,6 +112,16 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.16.12.tgz#31197bb509049b63c059c4808ac58e66fdff7479"
   integrity sha512-iPYKN78t3op2+erv2frW568j1q0RpqX6JOLZ7oPPaAV1VaF7dDstOrNw37PVOYoTWE11pV4A1XUitpdEFNIsPg==
 
+"@fontsource/jetbrains-mono@^4.5.11":
+  version "4.5.11"
+  resolved "https://registry.yarnpkg.com/@fontsource/jetbrains-mono/-/jetbrains-mono-4.5.11.tgz#e8055c18246576fbcbeddac4f0b7f8e4b8f45050"
+  integrity sha512-IW1qgWGkjlN1O6Jf+6LWF9DpcdXhyQEXhTlzfVKrWHX+ProuOT5FcrEAj34AR+19CgAb9Sheda2slORnybBsdw==
+
+"@fontsource/rubik@^4.5.13":
+  version "4.5.13"
+  resolved "https://registry.yarnpkg.com/@fontsource/rubik/-/rubik-4.5.13.tgz#c390b7197e893d5dfeb67dfa76cf68f7c9203442"
+  integrity sha512-oykfZOFcr+yHiCisHEbX9byVhr7dH4V0XvUSTFZt6xk1Qx+3FFyi8iV4iy/aiKLJOFfgfN6aPMtgifGR6hvIUA==
+
 "@jridgewell/sourcemap-codec@^1.4.13":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
