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

feat: 增加Manrope字体包

Browse Source
This commit is contained in:
rd
2025-07-14 09:46:16 +08:00
parent 7f5497eba5
commit 0ea2609c86
16 changed files with 37 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/styles/font.scss
View File

@ -1,30 +1,18 @@
// @font-face {
// font-family: $font-family-regular;
// src: url('@/assets/fonts/Alibaba-PuHuiTi-Regular.woff2') format('woff2');
// font-display: swap;
// }
@font-face {
font-family: 'Manrope-Regular';
src: url('@/assets/fonts/Manrope-Regular.ttf');
}
@font-face {
font-family: 'Manrope-Medium';
src: url('@/assets/fonts/Manrope-Medium.ttf');
}
// @font-face {
// font-family: $font-family-medium;
// src: url('@/assets/fonts/Alibaba-PuHuiTi-Medium.woff2') format('woff2');
// font-display: swap;
// }
@font-face {
font-family: 'Manrope-Bold';
src: url('@/assets/fonts/Manrope-Bold.ttf');
}
// @font-face {
// font-family: 'PuHuiTi-Bold';
// src: url('@/assets/fonts/Alibaba-PuHuiTi-Bold.woff2') format('woff2');
// font-display: swap;
// }
// // 使用统一的字体族名
// .font-family-puhui-regular {
// font-family: $font-family-regular !important;
// }
// .font-family-puhui-medium {
// font-family: $font-family-medium !important;
// }
// .font-family-puhui-bold {
// font-family: 'PuHuiTi-Bold' !important;
// }
@font-face {
font-family: 'Manrope-SemiBold';
src: url('@/assets/fonts/Manrope-SemiBold.ttf');
}

9
src/styles/lib/variable.scss
View File

@ -1,8 +1,15 @@
// 汉字字体
$font-family-regular: 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
$font-family-medium: 'PingFangSC-Medium', 'Microsoft Yahei', Arial, sans-serif;
$font-family-light: 'PingFangSC-Light', 'Microsoft Yahei', Arial, sans-serif;
$font-family-bold: 'PingFangSC-Semibold', 'PingFangSC-Regular', 'Microsoft Yahei', Arial, sans-serif;
// 数字字体包
$font-family-manrope-regular: 'Manrope-Regular';
$font-family-manrope-medium: 'Manrope-Medium';
$font-family-manrope-bold: 'Manrope-Bold';
$font-family-manrope-semiBold: 'Manrope-SemiBold';
$color-background: #f9f9f9;
$font-size-14: 14px;
$font-size-14: 14px;