今宵酒醒何处?杨柳岸,晓风残月。

Next主题优化,标题使用自定义字体

直接上教程

定位到:

1
theme/next/source/css/_custom/

编辑

1
custom.styl

文件

加入以下代码:

1
2
3
4
5
6
7
@font-face {
font-family: XXXXXXX;
}
.site-title {
font-size: 40px !important;
font-family: 'XXXXXXX' !important;
}

注意:其中的XXXXXXX是需要你替换的代码,不要直接复制进去。

打开有字库

注册&登录

点击字体列表。选择一个你喜欢的字体。点立即使用

image

调用方法选择CSS模式。输入您网站标题。点生成。
image

注意:将红框圈住的部分,复制下来,把之前的XXXXXXX 替代

image

替换之后:

1
2
3
4
5
6
7
@font-face {
font-family: cyjianxk13d9ca56e91dc55;
}
.site-title {
font-size: 40px !important;
font-family: 'cyjianxk13d9ca56e91dc55' !important;
}

定位到:

1
themes/next/layout/_custom/


image
添加到

1
header.swig

然后执行

1
hexo g
1
hexo d

看看效果吧。

image

这个适用于Gemini主题。别的主题应该也适用。请自己测试吧。

哦对。有字库的CDN有时候会抽风,影响访问速度。
可以把

image

这个文件本地化哦!

有问题在文章下评论哦!!

看官若是觉得不错,就打发点猫粮钱吧