参考链接:在站点网页中使用霞鹜文楷(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;
}