diff --git a/assets/fonts/inter_variable.woff2 b/assets/fonts/inter_variable.woff2
new file mode 100644
index 0000000..22a12b0
Binary files /dev/null and b/assets/fonts/inter_variable.woff2 differ
diff --git a/assets/fonts/inter_variable_italic.woff2 b/assets/fonts/inter_variable_italic.woff2
new file mode 100644
index 0000000..f22ec25
Binary files /dev/null and b/assets/fonts/inter_variable_italic.woff2 differ
diff --git a/src/styles/tailwind.config.js b/src/styles/tailwind.config.js
index cd8d865..d8db450 100644
--- a/src/styles/tailwind.config.js
+++ b/src/styles/tailwind.config.js
@@ -3,6 +3,9 @@ module.exports = {
     mode: "all",
     content: ["./src/**/*.{rs,html,css}", "./dist/**/*.html"],
     theme: {
+        fontFamily: {
+            sans: ["Inter", "sans-serif"],
+        },
         extend: {},
     },
     plugins: [],
diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
index 4f70d83..e671a7c 100644
--- a/src/styles/tailwind.css
+++ b/src/styles/tailwind.css
@@ -13,3 +13,21 @@ html, body, #main {
 }
 
 /* stylelint-enable */
+
+@layer base {
+    @font-face {
+        font-family: Inter;
+        font-style: normal;
+        font-weight: 100 900;
+        font-display: swap;
+        src: url("/fonts/inter_variable.woff2") format("woff2");
+    }
+
+    @font-face {
+        font-family: Inter;
+        font-style: italic;
+        font-weight: 100 900;
+        font-display: swap;
+        src: url("/fonts/inter_variable_italic.woff2") format("woff2");
+    }
+}