Skip to content
Donghai's Blog
Go back

PaperMod 使用 Zeoseven 自定义网页字体

记录一次 Hugo 博客字体更换的完整实践,从选择字体网站到嵌入代码的具体步骤,真实踩坑与操作过程,给同样想折腾页面观感的博主一个参考

Table of contents

Open Table of contents

前言

本站使用的是 LXGW WenKai/霞鹜文楷 ,以下是整个字体更换过程的详细记录,供参考

步骤一:访问 Zeoseven

访问 https://fonts.zeoseven.com,选择自己心仪的字体

搜索并选择自己心仪的字体

步骤二:获取可直接使用的 HTML 嵌入代码

确定字体后,点击 「嵌入到 Web 项目」

img_2026_01_26_13_47_16.webp

这里我选择的是 HTML 强化,然后直接复制生成的代码

拷贝html代码

步骤三:将拷贝的 html 代码粘贴到 extend_head.html

接下来就是把刚才复制的代码粘贴到主题的头部扩展文件里

路径是:layouts\partials\extend_head.html

如果这个文件不存在,新建一个即可,把 步骤二 拷贝的 HTML 原样粘进去,保存

将拷贝的 html 代码粘贴到 extend_head.html

完成后重启一下 hugo server,刷新页面,基本就能看到字体已经生效了


Share this post on:

Previous Post
如何从归档页批量获取URL并提交到Bing Webmaster Tools
Next Post
我常用的Prompt
BlogsClub Meo Forever Blog