@font-face 是一种 CSS 规则,它允许开发者定义网页中使用的字体,并为其指定来源。通过 @font-face,你可以将本地的字体文件(如 .ttf、.woff、.woff2 等)加载到网页中,或者引用外部的字体文件。
首先你应该找一个喜欢的字体,然后将字体文件下载下来,例如我使用了钉钉的免费字体 JinBuTi ,下载解压后打开文件夹,将 DingTalk JinBuTi.ttf 文件复制到博客目录下的 \source\font 文件夹中,为了方便使用,可以将字体文件重命名为 JinBuTi.ttf 。
在博客根目录下的source文件夹中,新建一个css文件夹,然后新建 custom.css 文件
language
@font-face {
font-family: 'JinBuTi'; /* 定义字体名称 */
src: url('/font/JinBuTi.ttf') format('truetype'); /* 字体文件路径及格式 */
font-weight: normal; /* 字体粗细 */
font-style: normal; /* 字体样式 */
}
当你操作完上边这些内容就可以在solitude主题配置文件中进行添加你的字体啦

最后一键三连,大功告成

本文是原创文章,采用 CC BY-NC-SA 4.0 协议,完整转载请注明来自 云坠
评论
隐私政策
0/500
滚动到此处加载评论...


