fix: revert font family, size and color when overrideFont is set, closes #792 (#804)

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)!;

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;