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

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 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 */