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