使用环境
开发环境: Windows 11
Hugo版本: 0.121.2
Git版本: 2.38.1
Theme: PaperMod
在HTML文件添加引用
在PaperMod\layouts\partials\head.html文件中,添加如下内容
layouts\partials\extend_head.html文件中,添加如下内容
<link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Light/result.css' />
在CSS文件指定使用区域
在PaperMod\assets\css\extended\blank.css文件中,修改字体使用区域中添加如下内容
在assets\css\extended\blank.css文件中,修改字体使用区域中添加如下内容
body{
font-family: 'LXGW WenKai Light';
}
Q&A
Q: 按上述配置之后字体不生效
A: 上述地址中的CDN是超限了, 可以在imagekit.io自行注册一个账号,然后将字体分包并上传, 使用独立的CDN即可
具体可参考: https://chinese-font.netlify.app/post/deploy_to_cdn/
Q: 使用独立的CDN依然不生效
A: 请检查font-family中的字体名是否正确,包括空格.
参考文章
全文完