众所周知,我最喜欢无聊的时候逛我的友情链接,还喜欢逛友情链接里面的友情链接,因为我相信,好看的博客里面肯定会有更好看的博客,这看起来真属赏心悦目,但是看着看着,我发现一个有点尴尬的问题,让我细细道来。

起因

今天起得早,一时无事想逛一下友情链接里面的友情链接的友情链接...
于是我发现了一件很奇怪的事情,很多博客用上了Ai总结,这本来是一件很正常的事情,毕竟能让博友一眼就看出来这篇文章写的是什么,如果有兴趣就接着看正文,没有兴趣就叉掉换下一篇,可是,Ai总结也不没必要一直在总结,点进去文章直接弹出十几行的总结把我人给看傻了,总结总结你总结了个寂寞。

这个其实还好,滑滑手指的事情,要命的是看着看着字体开始扭动起来,我以为手机中病毒了,过了十几秒才发现原来是在加载字体(身住城中村,网速奇慢,身不由己),反正一通下来其实我还没记住你那篇文章写的是什么,我只知道你加载的字体大小7.89M,加载时间23秒。

所以

自己这两天也刚好换了字体(可能需要清缓存才能看到最新字体),所以刚好可以写一篇比较友好的,符合小白的换字体的教程(大佬勿喷)。
现在我用的字体是华为的鸿蒙字体HarmonyOS Sans,可以在华为官网找到,其实我更喜欢用圆体,粗细大小合适的圆体看起来是很舒服的。

按照以往我的操作是下载ttf字体,然后去找网站转woff2格式压缩一下,然后放博客直接引用,这样其实就完成了,只不过有时候字体大小始终压不下去,所以会出现一种情况就是我上面说的,可能会出现看文章的时候字体才加载完突然变化的情况,所以今天我分享一个很简单教程。

教程

需要用到的东西有:
1:你喜欢的ttf字体
2:Fontmin-v0.2.0-win64
3:一个7000常用字文档
4:中文网字计划

准备好东西之后,首先第一步打开Fontmin,在输入框手动复制粘贴7000个常用字符进去,然后把鸿蒙字体ttf文件拖动到底下的方框,点击生成按钮,等待十几秒后就会自动弹出一个提取好的文件夹,里面就是你所需要的文件,此时你会看到鸿蒙字体已经从7.84 MB降到了1.75M,此时如果你已经对字体大小满意了,可以直接拿ttf文件转woff2格式在css引用就可以了,如果还不满意,我们接着下一步。

图片
图片

下一步我们打开中文网字计划网,点击右上角的在线分包,把用Fontmin提取过子集的字体文件拖到网页左边白色区域,再点击点击开始进行字体分包,等待输出完成之后点击右下角的压缩下载ZIP即可完成了字体的转换操作。

图片
图片

最后一步,把下载的压缩文件里面的整个文件夹放到你的CDN或者服务器上,在你的博客主题header.php或者你觉得合适的地方引用这个文件夹里面的result.css文件,比如:

<link rel="stylesheet" href="你的域名/result.css' ) ?>">

接着打开result.css文件,找到font-family名字是啥,比如我的鸿蒙字体名字是:HarmonyOS Sans SC Medium,最后打开你的主题style.css文件,找到body,填写或修改 font-family: 'HarmonyOS Sans SC Medium'即可,比如:

body {
    ...
    font-family: 'HarmonyOS Sans SC Medium'
    ...
}

图片
图片
图片

完成以上步骤后刷新缓存就能看到字体效果了,加载速度会快很多,大家快去换自己喜欢的字体吧,偶尔换一下也能缓解一下视觉疲劳,但是请不要再把花里胡哨的艺术字放在博客上了哦。

PS.其实中文网字计划里面也提供了很多字体的CDN以及引用的教程。

图片
图片