博客字体更换
date
Nov 28, 2025
slug
blog 字体
status
Published
tags
Website
summary
字体
type
Post
Text
操作是下载ttf字体，然后去找网站转woff2格式压缩一下，然后放博客直接引用，这样其实就完成了，只不过有时候字体大小始终压不下去，所以会出现一种情况就是我上面说的，可能会出现看文章的时候字体才加载完突然变化的情况，所以今天我分享一个很简单教程。
教程
需要用到的东西有：
1：你喜欢的ttf字体
4：中文网字计划
准备好东西之后，首先第一步打开Fontmin，在输入框手动复制粘贴7000个常用字符进去，然后把鸿蒙字体ttf文件拖动到底下的方框，点击生成按钮，等待十几秒后就会自动弹出一个提取好的文件夹，里面就是你所需要的文件，此时你会看到鸿蒙字体已经从7.84 MB降到了1.75M，此时如果你已经对字体大小满意了，可以直接拿ttf文件转woff2格式在css引用就可以了，如果还不满意，我们接着下一步。
下一步我们打开中文网字计划网，点击右上角的在线分包，把用Fontmin提取过子集的字体文件拖到网页左边白色区域，再点击点击开始进行字体分包，等待输出完成之后点击右下角的压缩下载ZIP即可完成了字体的转换操作。
最后一步，把下载的压缩文件里面的整个文件夹放到你的CDN或者服务器上，在你的博客主题header.php或者你觉得合适的地方引用这个文件夹里面的result.css文件，比如：
接着打开result.css文件，找到font-family名字是啥，比如我的鸿蒙字体名字是：HarmonyOS Sans SC Medium，最后打开你的主题style.css文件，找到body，填写或修改 font-family: 'HarmonyOS Sans SC Medium'即可，比如：
完成以上步骤后刷新缓存就能看到字体效果了，加载速度会快很多，大家快去换自己喜欢的字体吧，偶尔换一下也能缓解一下视觉疲劳，但是请不要再把花里胡哨的艺术字放在博客上了哦。
PS.其实中文网字计划里面也提供了很多字体的CDN以及引用的教程。