diff --git a/package-lock.json b/package-lock.json
index 75abf78..17f22f9 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,6 +8,8 @@
       "name": "site-astro",
       "version": "0.0.1",
       "dependencies": {
+        "@fontsource-variable/noto-sans": "^5.2.10",
+        "@fontsource/jetbrains-mono": "^5.2.8",
         "@tailwindcss/vite": "^4.1.18",
         "astro": "^5.16.10",
         "tailwindcss": "^4.1.18"
@@ -574,6 +576,24 @@
         "node": ">=18"
       }
     },
+    "node_modules/@fontsource-variable/noto-sans": {
+      "version": "5.2.10",
+      "resolved": "https://registry.npmjs.org/@fontsource-variable/noto-sans/-/noto-sans-5.2.10.tgz",
+      "integrity": "sha512-wyFgKkFu7jki5kEL8qv7avjQ8rxHX0J/nhLWvbR9T0hOH1HRKZEvb9EW9lMjZfWHHfEzKkYf5J+NadwgCS7TXA==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/jetbrains-mono": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource/jetbrains-mono/-/jetbrains-mono-5.2.8.tgz",
+      "integrity": "sha512-6w8/SG4kqvIMu7xd7wt6x3idn1Qux3p9N62s6G3rfldOUYHpWcc2FKrqf+Vo44jRvqWj2oAtTHrZXEP23oSKwQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
     "node_modules/@img/colour": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.0.0.tgz",
diff --git a/package.json b/package.json
index 9fe4bdd..29aca2e 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,8 @@
     "format": "prettier --write ."
   },
   "dependencies": {
+    "@fontsource-variable/noto-sans": "^5.2.10",
+    "@fontsource/jetbrains-mono": "^5.2.8",
     "@tailwindcss/vite": "^4.1.18",
     "astro": "^5.16.10",
     "tailwindcss": "^4.1.18"
diff --git a/src/styles/global.css b/src/styles/global.css
index bf2f8c5..20df04a 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -1,10 +1,10 @@
-@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap");
+@import "@fontsource-variable/noto-sans";
+@import "@fontsource/jetbrains-mono";
 @import "tailwindcss";
-@plugin '@tailwindcss/typography';
+@plugin "@tailwindcss/typography";
 
 @theme {
-  --font-sans: "Noto Sans", sans-serif;
+  --font-sans: "Noto Sans Variable", sans-serif;
   --font-mono: "JetBrains Mono", monospace;
 }