diff --git a/package-lock.json b/package-lock.json
index be8f145..56b2395 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "dependencies": {
         "@astrojs/check": "^0.7.0",
         "@astrojs/tailwind": "^5.1.0",
+        "@fontsource/inclusive-sans": "^5.0.3",
         "astro": "^4.9.2",
         "tailwindcss": "^3.4.3",
         "typescript": "^5.4.5"
@@ -906,6 +907,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/@fontsource/inclusive-sans": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@fontsource/inclusive-sans/-/inclusive-sans-5.0.3.tgz",
+      "integrity": "sha512-nerw5CdgGNGiZlaHbAY/tZdsfQ1sioZAf9bE/T0D3lc48iEKr3Azu0vcTsauXrQZRyGp35YtckBjfME6Aueo4w=="
+    },
     "node_modules/@img/sharp-darwin-arm64": {
       "version": "0.33.4",
       "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.33.4.tgz",
diff --git a/package.json b/package.json
index 35790f1..13ee17f 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@astrojs/check": "^0.7.0",
     "@astrojs/tailwind": "^5.1.0",
+    "@fontsource/inclusive-sans": "^5.0.3",
     "astro": "^4.9.2",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 5a54cb1..b137a88 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,4 +1,5 @@
 ---
+import "@fontsource/inclusive-sans";
 import '../styles/style.css';
 import ThemeToggle from "../components/ThemeToggle.astro";
 import {Image} from "astro:assets"
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index 6c3cb85..55f534a 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -32,6 +32,9 @@ export default {
 				'5xl': '4.210rem'
 			},
 		},
+		fontFamily: {
+			sans: ["Inclusive Sans", ...defaultTheme.fontFamily.sans]
+		}
 	},
 	plugins: [],
 }