From e662dae396c35c9eac15c2996c549b1cc840aac4 Mon Sep 17 00:00:00 2001
From: weilBaum9 <ruebeneuer@gmail.com>
Date: Tue, 16 Sep 2025 17:32:00 +0200
Subject: [PATCH 1/2] Add font selection setting in epub e-reader to match
 web-client (#1373)

---
 components/readers/EpubReader.vue |  2 ++
 components/readers/Reader.vue     | 19 +++++++++++++++++++
 strings/en-us.json                |  1 +
 3 files changed, 22 insertions(+)

diff --git a/components/readers/EpubReader.vue b/components/readers/EpubReader.vue
index 28857a5d..0618a638 100644
--- a/components/readers/EpubReader.vue
+++ b/components/readers/EpubReader.vue
@@ -37,6 +37,7 @@ export default {
       isRefreshingUI: false,
       ereaderSettings: {
         theme: 'dark',
+        font: 'serif',
         fontScale: 100,
         lineSpacing: 115,
         textStroke: 0
@@ -134,6 +135,7 @@ export default {
 
       const fontScale = settings.fontScale || 100
       this.rendition.themes.fontSize(`${fontScale}%`)
+      this.rendition.themes.font(settings.font)
       this.rendition.spread(settings.spread || 'auto')
     },
     goToChapter(href) {
diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index aa76df67..55f2a624 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -70,6 +70,12 @@
               </div>
               <ui-toggle-btns v-model="ereaderSettings.theme" name="theme" :items="themeItems" @input="settingsUpdated" />
             </div>
+            <div class="flex items-center mb-6">
+              <div class="w-32">
+                <p class="text-sm">{{ $strings.LabelFontFamily }}</p>
+              </div>
+              <ui-toggle-btns v-model="ereaderSettings.font" name="font" :items="fontItems" @input="settingsUpdated" />
+            </div>
             <div class="flex items-center mb-6">
               <div class="w-32">
                 <p class="text-sm">{{ $strings.LabelFontScale }}</p>
@@ -141,6 +147,7 @@ export default {
       isInittingWatchVolume: false,
       ereaderSettings: {
         theme: 'dark',
+        font: 'serif',
         fontScale: 100,
         lineSpacing: 115,
         spread: 'auto',
@@ -252,6 +259,18 @@ export default {
         }
       ]
     },
+    fontItems() {
+      return [
+        {
+          text: 'Sans',
+          value: 'sans-serif'
+        },
+        {
+          text: 'Serif',
+          value: 'serif'
+        }
+      ]
+    },
     readerComponentName() {
       if (this.ebookType === 'epub') return 'readers-epub-reader'
       else if (this.ebookType === 'mobi') return 'readers-mobi-reader'
diff --git a/strings/en-us.json b/strings/en-us.json
index fdfd87f8..703c26ac 100644
--- a/strings/en-us.json
+++ b/strings/en-us.json
@@ -155,6 +155,7 @@
   "LabelFinished": "Finished",
   "LabelFolder": "Folder",
   "LabelFontBoldness": "Font Boldness",
+  "LabelFontFamily": "Font family",
   "LabelFontScale": "Font scale",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",

From 9518189898c2331ef036454cc5f699ce7abb3be3 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Wed, 19 Nov 2025 16:46:39 -0600
Subject: [PATCH 2/2] Add font family Sans and Serif translations

---
 components/readers/Reader.vue | 4 ++--
 strings/en-us.json            | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/readers/Reader.vue b/components/readers/Reader.vue
index 55f2a624..3e50f9dc 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -262,11 +262,11 @@ export default {
     fontItems() {
       return [
         {
-          text: 'Sans',
+          text: this.$strings.LabelFontFamilySans,
           value: 'sans-serif'
         },
         {
-          text: 'Serif',
+          text: this.$strings.LabelFontFamilySerif,
           value: 'serif'
         }
       ]
diff --git a/strings/en-us.json b/strings/en-us.json
index 703c26ac..4cef2acf 100644
--- a/strings/en-us.json
+++ b/strings/en-us.json
@@ -156,6 +156,8 @@
   "LabelFolder": "Folder",
   "LabelFontBoldness": "Font Boldness",
   "LabelFontFamily": "Font family",
+  "LabelFontFamilySans": "Sans",
+  "LabelFontFamilySerif": "Serif",
   "LabelFontScale": "Font scale",
   "LabelGenre": "Genre",
   "LabelGenres": "Genres",