diff --git a/frontend/fonts/gentium-book-basic.regular.ttf b/frontend/fonts/gentium-book-basic.regular.ttf
new file mode 100644
index 00000000..9c76a381
Binary files /dev/null and b/frontend/fonts/gentium-book-basic.regular.ttf differ
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 7bde8a58..948aa130 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,15 +1,22 @@
+@font-face {
+  font-family: 'Gentium Book Basic';
+  src: url('/fonts/gentium-book-basic.regular.ttf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @layer base {
   html {
-    font-family: 'Georgia', 'Times New Roman', serif;
+    font-family: 'Gentium Book Basic', 'Georgia', serif;
   }
 
   body {
-    @apply bg-gray-50 text-gray-900 dark:bg-gray-900 dark:text-gray-100;
-    font-family: 'Georgia', 'Times New Roman', serif;
+    @apply bg-gray-50 text-gray-900 dark:bg-gray-50 dark:text-gray-100;
+    font-family: 'Gentium Book Basic', 'Georgia', serif;
     line-height: 1.6;
   }
 }
@@ -17,7 +24,7 @@
 @layer components {
   .bible-text {
     @apply leading-relaxed text-gray-800 dark:text-gray-200;
-    font-family: 'Times New Roman', 'Georgia', serif;
+    font-family: 'Gentium Book Basic', 'Georgia', serif;
   }
 
   .verse-number {
@@ -27,12 +34,12 @@
 
   .book-title {
     @apply text-2xl font-bold text-center mb-6 text-gray-900 dark:text-gray-100;
-    font-family: 'Times New Roman', 'Georgia', serif;
+    font-family: 'Gentium Book Basic', 'Georgia', serif;
   }
 
   .chapter-title {
     @apply text-xl font-semibold mb-4 text-gray-700 dark:text-gray-300;
-    font-family: 'Times New Roman', 'Georgia', serif;
+    font-family: 'Gentium Book Basic', 'Georgia', serif;
   }
 
   /* Font size utility classes that override CSS classes */