fix: 修正字體切換設定

- 在 renderer 與 pwa 的 Reader 中加入字體正規化，避免舊設定或不存在的字體值直接注入 EPUB CSS 導致顯示失敗。

- 將 PWA 的字體注入 selector 與 renderer 對齊，兩端統一使用 :root * 套用閱讀內容字體。

- 移除 renderer 字體清單中的已棄用源雲明體；舊 localStorage 若仍保存該值，會 fallback 到預設思源宋體。

- 已驗證 renderer 與 pwa 的 yarn build 皆通過，且全專案無源雲明體 / Gen'YouMin / YouMin 殘留。

Author: Retsomm

pwa/src/components/Reader.tsx

@@ -8,7 +8,7 @@ import ChapterPanel from './ChapterPanel'
 import type { TocItem } from './ChapterPanel'
 import SettingsPanel from './SettingsPanel'
 import useTTS from '../hooks/useTTS'
-import { useReaderStore } from '../store/useReaderStore'
+import { FONT_OPTIONS, useReaderStore } from '../store/useReaderStore'
 import type { Script } from '../store/useReaderStore'
 import { useAnnotationStore, loadAnnotationsForBook, saveAnnotationsForBook } from '../store/useAnnotationStore'
 import { saveProgress, loadProgress, saveBookSettings, loadBookSettings, loadBookmarks, saveBookmarks } from '../hooks/useLibrary'
@@ -44,6 +44,11 @@ const WEB_FONT_URLS: Record<string, string> = {
   'LXGW WenKai TC': 'https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap',
 }
 
+const DEFAULT_FONT_FAMILY = FONT_OPTIONS[0].value
+
+const normalizeFontFamily = (family: string | null | undefined): string =>
+  family && FONT_OPTIONS.some(option => option.value === family) ? family : DEFAULT_FONT_FAMILY
+
 const injectWebFontLink = (doc: Document, href: string | null) => {
   const id = 'tit-webfont-link'
   let el = doc.getElementById(id) as HTMLLinkElement | null
@@ -58,8 +63,9 @@ const injectWebFontLink = (doc: Document, href: string | null) => {
 }
 
 const applyFontFamilyOverride = (doc: Document, family: string) => {
-  injectStyle(doc, 'tit-font', `* { font-family: ${family} !important; }`)
-  const fontKey = Object.keys(WEB_FONT_URLS).find(k => family.includes(k))
+  const normalizedFamily = normalizeFontFamily(family)
+  injectStyle(doc, 'tit-font', `:root * { font-family: ${normalizedFamily} !important; }`)
+  const fontKey = Object.keys(WEB_FONT_URLS).find(k => normalizedFamily.includes(k))
   injectWebFontLink(doc, fontKey ? WEB_FONT_URLS[fontKey] : null)
 }
 
@@ -664,13 +670,15 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
     // 載入此書上次儲存的閱讀設定，套用到 store
     const savedSettings = loadBookSettings(bookId)
     if (savedSettings) {
+      const normalizedFamily = normalizeFontFamily(savedSettings.fontFamily)
       const store = useReaderStore.getState()
       store.setFontSize(savedSettings.fontSize)
-      store.setFontFamily(savedSettings.fontFamily)
+      store.setFontFamily(normalizedFamily)
       store.setLineHeight(savedSettings.lineHeight)
       store.setLetterSpacing(savedSettings.letterSpacing)
       store.setReadingDirection(savedSettings.readingDirection)
       store.setScript(savedSettings.script)
+      fontFamilyRef.current = normalizedFamily
       scriptRef.current = savedSettings.script
     } else {
       resetScript()
@@ -1053,12 +1061,17 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
   // 字體家族（獨立，不影響其他設定）
   useEffect(() => {
     if (!ready) return
-    fontFamilyRef.current = fontFamily
-    try { renditionRef.current?.themes.override('font-family', fontFamily) } catch { /* epubjs 時序問題，忽略 */ }
-    applyToCurrentDoc(doc => applyFontFamilyOverride(doc, fontFamily))
+    const normalizedFamily = normalizeFontFamily(fontFamily)
+    if (normalizedFamily !== fontFamily) {
+      setFontFamily(normalizedFamily)
+      return
+    }
+    fontFamilyRef.current = normalizedFamily
+    try { renditionRef.current?.themes.override('font-family', normalizedFamily) } catch { /* epubjs 時序問題，忽略 */ }
+    applyToCurrentDoc(doc => applyFontFamilyOverride(doc, normalizedFamily))
     rerenderAnnotationPane()
     triggerScan()
-  }, [fontFamily, ready])
+  }, [fontFamily, ready, setFontFamily])
 
   // 行距（獨立，不影響其他設定）
   useEffect(() => {

renderer/src/components/Reader.tsx

@@ -8,7 +8,7 @@ import ChapterPanel from './ChapterPanel'
 import type { TocItem } from './ChapterPanel'
 import SettingsPanel from './SettingsPanel'
 import useTTS from '../hooks/useTTS'
-import { useReaderStore } from '../store/useReaderStore'
+import { FONT_OPTIONS, useReaderStore } from '../store/useReaderStore'
 import type { Script } from '../store/useReaderStore'
 import { useAnnotationStore, loadAnnotationsForBook, saveAnnotationsForBook } from '../store/useAnnotationStore'
 import { saveProgress, loadProgress, saveBookSettings, loadBookSettings, loadBookmarks, saveBookmarks } from '../hooks/useLibrary'
@@ -44,6 +44,11 @@ const WEB_FONT_URLS: Record<string, string> = {
   'LXGW WenKai TC': 'https://fonts.googleapis.com/css2?family=LXGW+WenKai+TC&display=swap',
 }
 
+const DEFAULT_FONT_FAMILY = FONT_OPTIONS[0].value
+
+const normalizeFontFamily = (family: string | null | undefined): string =>
+  family && FONT_OPTIONS.some(option => option.value === family) ? family : DEFAULT_FONT_FAMILY
+
 const injectWebFontLink = (doc: Document, href: string | null) => {
   const id = 'tit-webfont-link'
   let el = doc.getElementById(id) as HTMLLinkElement | null
@@ -58,8 +63,9 @@ const injectWebFontLink = (doc: Document, href: string | null) => {
 }
 
 const applyFontFamilyOverride = (doc: Document, family: string) => {
-  injectStyle(doc, 'tit-font', `:root * { font-family: ${family} !important; }`)
-  const fontKey = Object.keys(WEB_FONT_URLS).find(k => family.includes(k))
+  const normalizedFamily = normalizeFontFamily(family)
+  injectStyle(doc, 'tit-font', `:root * { font-family: ${normalizedFamily} !important; }`)
+  const fontKey = Object.keys(WEB_FONT_URLS).find(k => normalizedFamily.includes(k))
   injectWebFontLink(doc, fontKey ? WEB_FONT_URLS[fontKey] : null)
 }
 
@@ -535,13 +541,15 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
     // 載入此書上次儲存的閱讀設定，套用到 store
     const savedSettings = loadBookSettings(bookId)
     if (savedSettings) {
+      const normalizedFamily = normalizeFontFamily(savedSettings.fontFamily)
       const store = useReaderStore.getState()
       store.setFontSize(savedSettings.fontSize)
-      store.setFontFamily(savedSettings.fontFamily)
+      store.setFontFamily(normalizedFamily)
       store.setLineHeight(savedSettings.lineHeight)
       store.setLetterSpacing(savedSettings.letterSpacing)
       store.setReadingDirection(savedSettings.readingDirection)
       store.setScript(savedSettings.script)
+      fontFamilyRef.current = normalizedFamily
       scriptRef.current = savedSettings.script
     } else {
       resetScript()
@@ -841,12 +849,17 @@ const Reader = ({ bookPath, bookId, bookRecord, getCoverDataUrl, onBack, darkMod
   // 字體家族（獨立，不影響其他設定）
   useEffect(() => {
     if (!ready) return
-    fontFamilyRef.current = fontFamily
-    try { renditionRef.current?.themes.override('font-family', fontFamily) } catch { /* epubjs 時序問題，忽略 */ }
-    applyToCurrentDoc(doc => applyFontFamilyOverride(doc, fontFamily))
+    const normalizedFamily = normalizeFontFamily(fontFamily)
+    if (normalizedFamily !== fontFamily) {
+      setFontFamily(normalizedFamily)
+      return
+    }
+    fontFamilyRef.current = normalizedFamily
+    try { renditionRef.current?.themes.override('font-family', normalizedFamily) } catch { /* epubjs 時序問題，忽略 */ }
+    applyToCurrentDoc(doc => applyFontFamilyOverride(doc, normalizedFamily))
     rerenderAnnotationPane()
     triggerScan()
-  }, [fontFamily, ready])
+  }, [fontFamily, ready, setFontFamily])
 
   // 行距（獨立，不影響其他設定）
   useEffect(() => {

renderer/src/store/useReaderStore.ts

@@ -7,7 +7,6 @@ export const FONT_OPTIONS = [
   { label: '思源宋體', value: '"Noto Serif TC", serif' },
   { label: '霞鶩文楷', value: '"LXGW WenKai TC", cursive' },
   { label: '思源黑體', value: '"Noto Sans TC", sans-serif' },
-  { label: '源雲明體', value: '"Gen\'YouMin TW", "源雲明體", serif' },
   { label: '粉圓體', value: '"Huninn", sans-serif' },
 ]