自定义网站字体
这是一个通过 中文网字计划
给出的在线免费CDN的方法来修改网站字体,效果可以参考本站。
中文网字计划:https://chinese-font.netlify.app/zh-cn/
1、选择字体
进入官网,在上方点击 免费CDN
,选择一个自己喜欢的字体。
我们就以 抖音美好体
字体为例,点击 详情
进入,往下滑,复制字体的CSS文件地址。
2、修改配置文件
我使用的是 anzhiyu
主题,其他主题也大同小异,打开 [blog]/_config.anzhiyu.yml
配置文件,找到 inject
项,将复制下来的CSS文件地址粘贴到 head
里。(如果你直接复制下方代码,请删除前边的 +
号)
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
head:
# 自定义css
# - <link rel="stylesheet" href="/css/custom.css" media="defer" onload="this.media='all'">
+ - <link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/dymh/dist/DouyinSansBold/result.css' />
bottom:
# 自定义js
# - <script src="/js/xxx"></script>
在复制字体CSS文件地址的页面往下滑,可有找到字体的名称
然后,在配置文件里找到 font
项,将字体名称粘贴到 font-family
后面。
font:
global-font-size: '16px'
code-font-size: '16px'
font-family: "Douyin Sans"
code-font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif
# Font settings for the site title and site subtitle
# 左上角网站名字 主页居中网站名字
blog_title_font:
font_link:
font-family: "Douyin Sans", PingFang SC, 'Hiragino Sans GB', 'Microsoft JhengHei', 'Microsoft YaHei', sans-serif
最后,一键三连就可以了,快看看效果吧。
对了,今天是元旦,祝大家元旦快乐,心想事成!
- 感谢你赐予我前进的力量
赞赏者名单
因为你们的支持让我意识到写文章的价值🙏
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 初九の小破站
评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果