diff --git a/frontend/src/App.css b/frontend/src/App.css
index a6873ec..411b6ca 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1,6 +1,42 @@
 @import "tailwindcss";
 @import "@catppuccin/tailwindcss/macchiato.css";
 
+@theme {
+    --font-family-sans: Inter, ui-sans-serif, system-ui, sans-serif;
+}
+
+@font-face {
+    font-family: "Inter";
+    src: url("./assets/fonts/Inter-Regular.woff2") format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Inter";
+    src: url("./assets/fonts/Inter-Medium.woff2") format("woff2");
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Inter";
+    src: url("./assets/fonts/Inter-SemiBold.woff2") format("woff2");
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Inter";
+    src: url("./assets/fonts/Inter-Bold.woff2") format("woff2");
+    font-weight: 700;
+    font-style: normal;
+    font-display: swap;
+}
+
 .ui-btn {
     @apply text-ctp-text border border-ctp-text rounded px-3 py-1 cursor-pointer transition-colors;
 }
diff --git a/frontend/src/assets/fonts/Inter-Bold.woff2 b/frontend/src/assets/fonts/Inter-Bold.woff2
new file mode 100644
index 0000000..79672d5
Binary files /dev/null and b/frontend/src/assets/fonts/Inter-Bold.woff2 differ
diff --git a/frontend/src/assets/fonts/Inter-Medium.woff2 b/frontend/src/assets/fonts/Inter-Medium.woff2
new file mode 100644
index 0000000..3397fcc
Binary files /dev/null and b/frontend/src/assets/fonts/Inter-Medium.woff2 differ
diff --git a/frontend/src/assets/fonts/Inter-Regular.woff2 b/frontend/src/assets/fonts/Inter-Regular.woff2
new file mode 100644
index 0000000..9606e69
Binary files /dev/null and b/frontend/src/assets/fonts/Inter-Regular.woff2 differ
diff --git a/frontend/src/assets/fonts/Inter-SemiBold.woff2 b/frontend/src/assets/fonts/Inter-SemiBold.woff2
new file mode 100644
index 0000000..4ef2081
Binary files /dev/null and b/frontend/src/assets/fonts/Inter-SemiBold.woff2 differ