Quartz字体配置

如果你对字体没有过多的要求, 可以直接访问 Google Fonts 来寻找自己想要的字体

但是我想要用简体的霞鹭文楷!!! 烦

所以, 参考 icepro 博客开发故事 重新谈谈字体加载

我的版本是 Quartz 4.5.1 , 我修改了quartz/util/theme.ts 路径下的

:root {
	--light: ${theme.colors.lightMode.light};
	--lightgray: ${theme.colors.lightMode.lightgray};
	--gray: ${theme.colors.lightMode.gray};
	--darkgray: ${theme.colors.lightMode.darkgray};
	--dark: ${theme.colors.lightMode.dark};
	--secondary: ${theme.colors.lightMode.secondary};
	--tertiary: ${theme.colors.lightMode.tertiary};
	--highlight: ${theme.colors.lightMode.highlight};
	--textHighlight: ${theme.colors.lightMode.textHighlight};
	
	--headerFont: "LXGW WenKai";
	--bodyFont: "LXGW WenKai";
	--codeFont: "Maple Mono CN","LXGW WenKai";
	--titleFont: "LXGW WenKai";
	--strong-em-color-1: #1048ff;
	--strong-em-color-2: #14c8ff;
}

quartz/components/Head.tsx 第54行增加了

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-webfont/1.7.0/style.css" />
<link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Italic/result.css' />

titleFont 针对 quartz.config.ts的 pageTitle内容