Replace google fonts with self split woff2

Author: apqx

npm/dist/assets/blog-font.css

@@ -84,7 +84,6 @@
 }
 
 .grid-index-description {
-    // font-family: base.$text-font-wenkai-noto-color-emoji;
     margin: 0;
     // filter: grayscale(100%);
 }

npm/dist/assets/blog-post.css

@@ -145,7 +145,7 @@ a {
     // Safari
     -webkit-text-underline-offset: 0.18rem;
     // Chrome, Firefox
-    text-underline-offset: 0.15rem;
+    text-underline-offset: 0.13rem;
     // 下划线粗细
     text-decoration-thickness: 1px;
     // 去除移动版Chrome点击时默认的蓝色背景
@@ -270,6 +270,7 @@ audio {
     .font-handwritten, .font-handwritten *,
     .font-no-change, .font-no-change *) {
     font-family: base.$text-font-noto-serif;
+    --mdc-typography-body1-font-size: 1rem;
     --mdc-typography-body1-line-height: calc(var(--mdc-typography-body1-font-size) + 0.8rem);
 }
 

npm/dist/assets/blog-scaffold.css

@@ -2,7 +2,7 @@
 // 先引入mdc的theme，然后用自定义变量覆盖其原有配置
 @use "@material/theme";
 @use "@material/theme/mdc-theme";
-@use "@material/typography" with ($font-family: base.$text-font-wenkai);
+@use "@material/typography";
 @use "@material/typography/mdc-typography";
 @use "sass:map";
 @use "sass:color";
@@ -66,17 +66,6 @@
         --surface-block-border: #{map.get(base.$surface-block-border-dashed, "light")};
         --surface-block-bg: #{map.get(base.$surface-block-bg, "light")};
         --surface-block-ink-strong: #{map.get(base.$surface-block-ink-strong, "light")};
-
-        --pagefind-ui-primary: var(--mdc-theme-on-surface);
-        --pagefind-ui-text: var(--mdc-theme-on-surface);
-        --pagefind-ui-background: var(--mdc-theme-surface);
-        --pagefind-ui-border: var(--divider-color);
-        --pagefind-ui-tag: var(--code-highlight-bg);
-        --pagefind-ui-border-width: 2px;
-        --pagefind-ui-border-radius: 8px;
-        --pagefind-ui-image-border-radius: 8px;
-        --pagefind-ui-image-box-ratio: 3 / 2;
-        --pagefind-ui-font: $text-font-wenkai;
 }
 
 @mixin dark {
@@ -134,7 +123,7 @@
 body {
         --mdc-typography-font-family: #{base.$text-font-wenkai};
 
-        --mdc-typography-body1-font-size: 1rem;
+        --mdc-typography-body1-font-size: 1.02rem;
         --mdc-typography-body1-line-height: calc(var(--mdc-typography-body1-font-size) + 0.8rem);
         --mdc-typography-body1-letter-spacing: 0.03rem;
 

npm/src/component/font/_NotoSerifSC.scss

@@ -1,21 +1,18 @@
 @use "sass:string";
 
 // 霞鹜文楷GB
-$text-font-wenkai: string.unquote("Noto Serif Sub, LXGW WenKai GB, ui-serif, sans-serif, system-ui");
-// $text-font-wenkai-noto-emoji: string.unquote("Noto Serif Sub, LXGW WenKai GB, Noto Emoji, ui-serif, sans-serif, system-ui");
-$text-font-wenkai-noto-color-emoji: string.unquote("Noto Serif Sub, LXGW WenKai GB, Noto Color Emoji, ui-serif, sans-serif, system-ui");
+$text-font-wenkai: string.unquote("Noto Serif Sub, LXGW WenKai GB, sans-serif");
 // 思源宋体
-$text-font-noto-serif: string.unquote("Noto Serif Sub, Noto Serif SC, ui-serif, serif, system-ui");
-$text-font-noto-serif-noto-color-emoji: string.unquote("Noto Serif Sub, Noto Serif SC, Noto Color Emoji, ui-serif, serif, system-ui");
+$text-font-noto-serif: string.unquote("Noto Serif Sub, Noto Serif SC, sans-serif");
 // 思源黑体
-$text-font-noto-sans: string.unquote("Noto Serif Sub, Noto Sans SC, ui-sans-serif, sans-serif, system-ui");
-$text-font-noto-sans-noto-color-emoji: string.unquote("Noto Serif Sub, Noto Sans SC, ui-sans-serif, sans-serif, system-ui");
+$text-font-noto-sans: string.unquote("Noto Serif Sub, Noto Sans SC, sans-serif");
 // 兰亭题序国风行楷
-$handwritten-font: string.unquote("AaLTTXGFXK, LXGW WenKai GB, ui-serif, serif, system-ui");
+$handwritten-font: string.unquote("AaLTTXGFXK, LXGW WenKai GB, sans-serif");
 // 索引页的许静行楷
-$handwritten-font-index: string.unquote("HYXuJingXingKaiW, LXGW WenKai GB, ui-serif, serif, system-ui");
+$handwritten-font-index: string.unquote("HYXuJingXingKaiW, LXGW WenKai GB, sans-serif");
 // 代码字体，等宽
-$code-block-font: string.unquote("LXGW WenKai Mono GB, ui-monospace, monospace, system-ui");
+$code-block-font: string.unquote("LXGW WenKai Mono GB, monospace, sans-serif");
+$code-block-font-sans: string.unquote("JetBrainsMono, Noto Sans SC, monospace, sans-serif");
 
 // 中型屏幕宽度范围，定义为平板，小于此尺寸为手机，大于此尺寸为电脑
 $screen-middle-min-width: 600px;