Add Gentium Book Basic font and replace Times New Roman with Gentium font throughout the application

This commit is contained in:
Ryderjj89
2025-09-29 17:47:46 -04:00
parent 9381212391
commit f68d11fcf5
2 changed files with 13 additions and 6 deletions

Binary file not shown.

View File

@@ -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 base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
@layer base { @layer base {
html { html {
font-family: 'Georgia', 'Times New Roman', serif; font-family: 'Gentium Book Basic', 'Georgia', serif;
} }
body { body {
@apply bg-gray-50 text-gray-900 dark:bg-gray-900 dark:text-gray-100; @apply bg-gray-50 text-gray-900 dark:bg-gray-50 dark:text-gray-100;
font-family: 'Georgia', 'Times New Roman', serif; font-family: 'Gentium Book Basic', 'Georgia', serif;
line-height: 1.6; line-height: 1.6;
} }
} }
@@ -17,7 +24,7 @@
@layer components { @layer components {
.bible-text { .bible-text {
@apply leading-relaxed text-gray-800 dark:text-gray-200; @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 { .verse-number {
@@ -27,12 +34,12 @@
.book-title { .book-title {
@apply text-2xl font-bold text-center mb-6 text-gray-900 dark:text-gray-100; @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 { .chapter-title {
@apply text-xl font-semibold mb-4 text-gray-700 dark:text-gray-300; @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 */ /* Font size utility classes that override CSS classes */