https://chinese-font.netlify.app/zh-cn/post/simple_tutorial#从-npm-中导入字体
从 NPM 中导入字体
https://www.npmjs.com/package/@chinese-fonts/hwmct
shell
npm install @chinese-fonts/hwmct
npm install @chinese-fonts/hwmct1
2
2
这里是 vitepress 的配置
customize.css
css
--vp-home-hero-image-background-image: linear-gradient(135deg, #ee9ae5 10%, #5961f9 100%);
--vp-home-hero-image-filter: blur(100px);
--vp-font-family-base: 'Huiwen-mincho';
--vp-font-family-mono: 'Huiwen-mincho';
}
--vp-home-hero-image-background-image: linear-gradient(135deg, #ee9ae5 10%, #5961f9 100%);
--vp-home-hero-image-filter: blur(100px);
--vp-font-family-base: 'Huiwen-mincho';
--vp-font-family-mono: 'Huiwen-mincho';
}1
2
3
4
5
6
7
2
3
4
5
6
7
Layout.vue
vue
const { Layout } = DefaultTheme
import '@chinese-fonts/hwmct/dist/汇文明朝体/result.css';
const { Layout } = DefaultTheme
import '@chinese-fonts/hwmct/dist/汇文明朝体/result.css';1
2
3
4
2
3
4