renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 预加载字体包

Browse Source
This commit is contained in:
rd
2025-07-10 16:17:12 +08:00
parent 1bf641a068
commit b76b39f94a
5 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -1,3 +1,4 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh"> <html lang="zh">
<head> <head>
@ -5,6 +6,9 @@
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>灵机AI营销平台</title> <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> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

0
src/assets/fonts/Alibaba-PuHuiTi-Bold.woff2 → public/fonts/Alibaba-PuHuiTi-Bold.woff2
View File

0
src/assets/fonts/Alibaba-PuHuiTi-Medium.woff2 → public/fonts/Alibaba-PuHuiTi-Medium.woff2
View File

0
src/assets/fonts/Alibaba-PuHuiTi-Regular.woff2 → public/fonts/Alibaba-PuHuiTi-Regular.woff2
View File

27
src/styles/font.scss
View File

@ -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-face {
font-family: 'PuHuiTi-Bold'; font-family: 'PuHuiTi-Bold';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2'); src: url('/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
font-display: swap; 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-puhui-regular {
font-family: 'PuHuiTi-Regular' !important; font-family: 'PuHuiTi-Regular' !important;
} }