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 9c9bc026..5168113a 100644
--- a/components/readers/Reader.vue
+++ b/components/readers/Reader.vue
@@ -70,6 +70,12 @@
{{ $strings.LabelFontFamily }}
+{{ $strings.LabelFontScale }}
@@ -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: this.$strings.LabelFontFamilySans, + value: 'sans-serif' + }, + { + text: this.$strings.LabelFontFamilySerif, + 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..4cef2acf 100644 --- a/strings/en-us.json +++ b/strings/en-us.json @@ -155,6 +155,9 @@ "LabelFinished": "Finished", "LabelFolder": "Folder", "LabelFontBoldness": "Font Boldness", + "LabelFontFamily": "Font family", + "LabelFontFamilySans": "Sans", + "LabelFontFamilySerif": "Serif", "LabelFontScale": "Font scale", "LabelGenre": "Genre", "LabelGenres": "Genres",