1353

2026-06-25 13:53:18 +08:00
1 parent a01312d104
commit f19d91039a
@@ -0,0 +1,85 @@
+/**
+ * 字体分片 - 按需加载
+ * 浏览器会根据页面实际使用的字符自动加载对应的分片
+ * 首屏通常只需要加载 ASCII + 1-3 个常用字分片（约 100-200KB）
+ */
+
+/* ASCII + 常用标点（基础，总是加载） */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/zql-v2.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+0000-00FF, U+2000-206F, U+3000-303F, U+FF00-FFEF;
+}
+
+/* 常用字分片 01: U+4E00-U+56FF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-01.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+4E00-56FF;
+}
+
+/* 常用字分片 02: U+5700-U+5FFF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-02.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+5700-5FFF;
+}
+
+/* 常用字分片 03: U+6000-U+68FF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-03.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+6000-68FF;
+}
+
+/* 常用字分片 04: U+6900-U+71FF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-04.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+6900-71FF;
+}
+
+/* 常用字分片 05: U+7200-U+7AFF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-05.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+7200-7AFF;
+}
+
+/* 常用字分片 06: U+7B00-U+83FF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-06.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+7B00-83FF;
+}
+
+/* 常用字分片 07: U+8400-U+8CFF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-common-07.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+8400-8CFF;
+}
+
+/* 生僻字分片 01: U+8D00-U+95FF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-rare-01.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+8D00-95FF;
+}
+
+/* 生僻字分片 02: U+9600-U+9FFF */
+@font-face {
+    font-family: 'zql';
+    src: url('../font/slices/zql-rare-02.woff2') format('woff2');
+    font-display: swap;
+    unicode-range: U+9600-9FFF;
+}
@@ -1,14 +1,3 @@
-@font-face {
-    font-family: 'zql';
-    src: url('../font/zql-v2-subset.woff2') format('woff2'),
-        url('../font/zql-v2-subset.woff') format('woff');
-    font-display: swap;
-}
-
-
-
-
-
@charset "UTF-8";:root {
    --background-color: #fafafa;
    --background-dark-color: #020617;
@@ -75,7 +75,8 @@
    })();
  </script>
  <!-- Preload Fonts -->
-  <link rel="preload" href="{{ "font/zql-v2.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="{{ "font/slices/zql-common-01.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
+  <link rel="preload" href="{{ "font/slices/zql-common-02.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="{{ "font/remixicon.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>

  {{ $echartsHead := resources.Get "js/libs/echarts.min.js" | resources.Fingerprint }}
@@ -130,10 +131,11 @@
  {{ $uikit := resources.Get "css/libs/uikit.min.css" }}
  {{ $nprogress := resources.Get "css/libs/nprogress.min.css" }}
  {{ $message := resources.Get "css/libs/message.min.css" }}
+  {{ $fontSlices := resources.Get "css/font-slices.css" }}
  {{ $main := resources.Get "css/main.css" }}
  {{ $shortcodes := resources.Get "css/shortcodes.css" }}

-  {{ $style := slice $normalize $remixicon $uikit $nprogress $message $main $shortcodes | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
+  {{ $style := slice $normalize $remixicon $uikit $nprogress $message $fontSlices $main $shortcodes | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
  <link rel="stylesheet" href="{{ $style.RelPermalink }}">
  
  {{- if and .Site.Params.style.enableBackgroundImage .Site.Params.style.backgroundImageUrl -}}