hugo 自定义字体

Hugo：自定义字体

Posted by Nefelibata on Wed 2024-03-27 | 208 words | about 1 mins
Last Modified on Thu 2024-05-23

显示效果

解决方案

本博客使用的是霞鹜文楷，要在网站使用此字体，可以查看霞鹜文楷屏幕阅读版网络字体仓库

1、插入代码

将以下代码插入 themes\hugo-theme-cleanwhite\layouts\partials\head.html

 1<html>
 2<head>
 3  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/lxgw-wenkai-screen-web/style.css" />
 4  <style>
 5    body {
 6      font-family: "LXGW WenKai Screen";
 7      font-weight: normal;
 8    }
 9  </style>
10</head>
11<body>
12  
13</body>
14</html>

2、修改 font-family

我是直接在主题上进行改动，打开主题文件的css文件：themes\hugo-theme-cleanwhite\static\css\hugo-theme-cleanwhite.min.css

将 font-family 后的字体全部改为 LXGW WenKai Screen

完成。