「网站」VitePress 自定义字体

前言

今天给 obsidian 弄了一个主题（Blue Topaz），又换了一个霞鹜文楷，感觉十分好看，想给我的wiki也换一个字体。没想到的是，一弄就是一下午，离谱。

好看的Obsidian主题和字体

方法

用npm命令安装大佬制作的包，然后在css文件中导入就好啦！

npm install --save lxgw-wenkai-webfont
# or Lite version
npm install --save lxgw-wenkai-lite-webfont
# or TC version
npm install --save lxgw-wenkai-tc-webfont
# or Screen version
npm install --save lxgw-wenkai-screen-webfont

import 导入

docs/.vitepress/theme/style.css

@import 'lxgw-wenkai-webfont/style.css';
@import 'lxgw-wenkai-screen-webfont/style.css';

设置字体

docs/.vitepress/theme/style.css

:root {
	--vp-font-family-base: "LXGW WenKai Screen", sans-serif; 
	/* normal text font */
	--vp-font-family-mono: "LXGW WenKai Mono", sans-serif; 
	/* code font */
}