diff --git a/src/app/styles/app.css b/src/app/styles/app.css
index 96ec340..61d38c6 100644
--- a/src/app/styles/app.css
+++ b/src/app/styles/app.css
@@ -117,7 +117,7 @@
   }
   body {
     @apply bg-background text-foreground;
-    font-family: 'Karla', system-ui, sans-serif;
+    font-family: "Karla", system-ui, -apple-system, "Segoe UI", Inter, Roboto, Arial, sans-serif;
     font-optical-sizing: auto;
   }
 }
@@ -162,3 +162,7 @@
 .animate-nudge {
     animation: nudge 10s ease-in-out infinite;
 }
+
+.barlow {
+    font-family: "Barlow", system-ui, Inter, Roboto, "Segoe UI", Arial, sans-serif;
+}