From a9aa2fe7a405a1d9a2d624176e3bf5d398460456 Mon Sep 17 00:00:00 2001 From: Huang Xin Date: Sun, 23 Feb 2025 13:42:37 +0100 Subject: [PATCH] fix: set minimum font size for obsolete font tag, closes #434 (#435) --- apps/readest-app/src/utils/style.ts | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/apps/readest-app/src/utils/style.ts b/apps/readest-app/src/utils/style.ts index 7deb8624..b89ee65d 100644 --- a/apps/readest-app/src/utils/style.ts +++ b/apps/readest-app/src/utils/style.ts @@ -16,6 +16,7 @@ const getFontStyles = ( monospace: string, defaultFont: string, fontSize: number, + minFontSize: number, fontWeight: number, overrideFont: boolean, ) => { @@ -37,6 +38,27 @@ const getFontStyles = ( font-size: ${fontSize}px !important; font-weight: ${fontWeight}; } + font[size="1"] { + font-size: ${minFontSize}px; + } + font[size="2"] { + font-size: ${minFontSize * 1.5}px; + } + font[size="3"] { + font-size: ${fontSize}px; + } + font[size="4"] { + font-size: ${fontSize * 1.2}px; + } + font[size="5"] { + font-size: ${fontSize * 1.5}px; + } + font[size="6"] { + font-size: ${fontSize * 2}px; + } + font[size="7"] { + font-size: ${fontSize * 3}px; + } body * { font-family: revert ${overrideFont ? '!important' : ''}; font-family: inherit; @@ -255,6 +277,7 @@ export const getStyles = (viewSettings: ViewSettings, themeCode: ThemeCode) => { viewSettings.monospaceFont!, viewSettings.defaultFont!, viewSettings.defaultFontSize! * fontScale, + viewSettings.minimumFontSize!, viewSettings.fontWeight!, viewSettings.overrideFont!, );