字体全局更改为霞鹜文楷体

本文引自:[ 效率工具指南 ]: https://ww.penghh.fun/2023/05/07/2023-5-7-hexo_blog_font/, 仅用于备忘。

打开 Hexo 博客的主题文件夹下的 head.ejs 文件,具体路径为 themes/fluid/layout/_partial/head.ejs

在文件的 head 标签中添加下面一行代码,通过 CDN 引入霞鹜文楷字体:

1
<link rel="stylesheet" href="https://npm.elemecdn.com/lxgw-wenkai-screen-webfont/style.css" media="print" onload="this.media='all'">

img

接着去到 fluid 主题下的 css 文件夹下,路径为 themes/fluid/source/css,新建一个自定义 CSS 文件 custom.css,在 CSS 文件中添加样式:

1
2
3
html, body, .markdown-body, p {
font-family: 'LXGW WenKai Screen';
}Copy

img

再来到 fluid 主题的配置文件 _config.yml,路径为 themes/fluid/_config.yml,搜索配置项 font_family,在后面填上我们想用的霞鹜文楷字体对应的英文名 "LXGW Wenkai Screen",记得要给字体名称加上引号哦。

img

通过上面介绍的 3 个步骤,就能把 Hexo 博客的字体全局更改为霞鹜文楷体,是不是很简单呢?


字体全局更改为霞鹜文楷体
http://example.com/2025/08/25/字体全局更改为霞鹜文楷体/
作者
admin
发布于
2025年8月25日
许可协议