From f8804b5d3c1a1291584b3a6e4cc4fef08eba2bfe Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Thu, 3 Apr 2025 23:15:19 +0800
Subject: [PATCH] fix: revert font family, size and color when overrideFont is
 set, closes #792 (#804)

---
 apps/readest-app/src/app/reader/components/FoliateViewer.tsx | 2 +-
 apps/readest-app/src/utils/style.ts                          | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/FoliateViewer.tsx b/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
index 3cb2cfbd..749a63f9 100644
--- a/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
+++ b/apps/readest-app/src/app/reader/components/FoliateViewer.tsx
@@ -78,7 +78,7 @@ const FoliateViewer: React.FC<{
 
   const docLoadHandler = (event: Event) => {
     const detail = (event as CustomEvent).detail;
-    console.log('doc loaded:', detail);
+    console.log('doc index loaded:', detail.index);
     if (detail.doc) {
       const writingDir = viewRef.current?.renderer.setStyles && getDirection(detail.doc);
       const viewSettings = getViewSettings(bookKey)!;
diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts
index af17cbc3..7b2ec24f 100644
--- a/apps/readest-app/src/utils/style.ts
+++ b/apps/readest-app/src/utils/style.ts
@@ -73,8 +73,9 @@ const getFontStyles = (
       font-size: ${fontSize * 3}px;
     }
     body * {
-      font-family: revert ${overrideFont ? '!important' : ''};
-      font-family: inherit;
+      ${overrideFont ? 'font-family: revert !important' : ''};
+      ${overrideFont ? 'font-size: revert  !important' : ''};
+      ${overrideFont ? 'color: revert !important' : ''};
     }
   `;
   return fontStyles;