参考链接:在站点网页中使用霞鹜文楷(LXGW WenKai)

引入字体样式文件

<head>标签内引入字体CSS。

参考[[hugo/Hugo渲染Mermaid|Hugo渲染Mermaid]]引入的JS文件,在/layouts/partials/extend_head.html第一行添加内容:

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-webfont/1.6.0/style.min.css" />
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/style.min.css" />

引入字体样式

/assets/css/extended/custom.css中添加内容:

body, code {
    /* 原版 */
    font-family: "LXGW WenKai", sans-serif;
    /* 屏幕优化版 */
    font-family: "LXGW WenKai Screen", sans-serif;
}

修改代码块字体样式

引入字体CSS之后,只能修改正文的字体,代码块的字体没有发生改变。

代码块的class都是以language-开头,添加以下内容:

[class^="language-"] {
    /* 原版 */
    font-family: "LXGW WenKai", sans-serif;
    /* 屏幕优化版 */
    font-family: "LXGW WenKai Screen", sans-serif;
}