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

perf: 字体转化woff2格式

Browse Source
This commit is contained in:
rd
2025-07-10 11:05:00 +08:00
parent 173028393a
commit 1cc38b8bec
7 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/Alibaba-PuHuiTi-Bold.otf
View File

Binary file not shown.

BIN
src/assets/fonts/Alibaba-PuHuiTi-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/Alibaba-PuHuiTi-Medium.otf
View File

Binary file not shown.

BIN
src/assets/fonts/Alibaba-PuHuiTi-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/Alibaba-PuHuiTi-Regular.otf
View File

Binary file not shown.

BIN
src/assets/fonts/Alibaba-PuHuiTi-Regular.woff2 Normal file
View File

Binary file not shown.

33
src/styles/font.scss
View File

@ -1,24 +1,33 @@
@font-face {
font-family: 'PuHuiTi-Medium';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Medium.otf');
font-family: 'PuHuiTi-Regular';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: 'PuHuiTi-Regular';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Regular.otf');
font-family: 'PuHuiTi-Medium';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
font-display: swap;
font-weight: 500;
}
@font-face {
font-family: 'PuHuiTi-Bold';
src: url('@/assets/fonts/Alibaba-PuHuiTi-Bold.otf');
src: url('@/assets/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
font-display: swap;
font-weight: 700;
}
// 使用统一的字体族名
.font-family-puhui-regular {
font-family: 'PuHuiTi-Regular' !important;
}
.font-family-puhui-medium {
font-family: 'PuHuiTi-Medium' !important;
}
.font-family-puhui-bold {
font-family: PuHuiTi-Bold !important;
}
.font-family-puhui-medium {
font-family: PuHuiTi-Medium !important;
}
.font-family-puhui-regular {
font-family: PuHuiTi-Regular !important;
font-family: 'PuHuiTi-Bold' !important;
}