fix(plugin-markdown-math): improve font-size in katex

vuepress · Sep 30, 2024 · 4add5f1 · 4add5f1
1 parent c73b86f
commit 4add5f1
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
@@ -96,7 +96,9 @@ export default defineUserConfig({
       mark: true,
       size: true,
     }),
-    markdownMathPlugin(),
+    markdownMathPlugin({
+      type: 'katex',
+    }),
     redirectPlugin({
       switchLocale: 'modal',
     }),

diff --git a/docs/package.json b/docs/package.json
@@ -33,6 +33,7 @@
     "@vuepress/plugin-shiki": "workspace:*",
     "@vuepress/plugin-cache": "workspace:*",
     "@vuepress/theme-default": "workspace:*",
+    "katex": "0.16.11",
     "mathjax-full": "3.2.2",
     "sass-embedded": "1.79.4",
     "sass-loader": "^16.0.2",

diff --git a/plugins/markdown/plugin-markdown-math/src/client/styles/katex.scss b/plugins/markdown/plugin-markdown-math/src/client/styles/katex.scss
@@ -1,7 +1,11 @@
 // katex fix
 .katex {
-  font-size: 1.05em;
   direction: ltr;
+
+  /* stylelint-disable-next-line selector-class-pattern */
+  .cjk_fallback {
+    font-size: 0.83em;
+  }
 }
 
 .katex-display {
@@ -17,10 +21,6 @@
   &::-webkit-scrollbar {
     height: 3px;
   }
-
-  .katex {
-    font-size: 1.21em;
-  }
 }
 
 .katex-error {

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml