feat: 预加载字体包

2025-07-10 16:17:12 +08:00
parent 1bf641a068
commit b76b39f94a
5 changed files with 16 additions and 15 deletions
--- a/index.html
+++ b/index.html
@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="zh">
  <head>
@ -5,6 +6,9 @@
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>灵机AI营销平台</title>
+    <link rel="preload" href="/fonts/Alibaba-PuHuiTi-Bold.woff2"  crossorigin>
+    <link rel="preload" href="/fonts/Alibaba-PuHuiTi-Medium.woff2"  crossorigin>
+    <link rel="preload" href="/fonts/Alibaba-PuHuiTi-Regular.woff2" a crossorigin>
  </head>
  <body>
    <div id="app"></div>
--- a/src/assets/fonts/Alibaba-PuHuiTi-Bold.woff2
+++ b/src/assets/fonts/Alibaba-PuHuiTi-Bold.woff2
--- a/src/assets/fonts/Alibaba-PuHuiTi-Medium.woff2
+++ b/src/assets/fonts/Alibaba-PuHuiTi-Medium.woff2
--- a/src/assets/fonts/Alibaba-PuHuiTi-Regular.woff2
+++ b/src/assets/fonts/Alibaba-PuHuiTi-Regular.woff2
--- a/src/styles/font.scss
+++ b/src/styles/font.scss
@ -1,22 +1,19 @@
-@font-face {
-  font-family: 'PuHuiTi-Regular';
-  src: url('@/assets/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'PuHuiTi-Medium';
-  src: url('@/assets/fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
-  font-display: swap;
-}
-
@font-face {
  font-family: 'PuHuiTi-Bold';
-  src: url('@/assets/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
-  font-display: swap;
+  src: url('/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
+  font-display: fallback;
+}
+@font-face {
+  font-family: 'PuHuiTi-Medium';
+  src: url('/fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
+  font-display: fallback;
+}
+@font-face {
+  font-family: 'PuHuiTi-Regular';
+  src: url('/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
+  font-display: fallback;
 }

-// 使用统一的字体族名
 .font-family-puhui-regular {
  font-family: 'PuHuiTi-Regular' !important;
 }