- 前段时间倒腾站点的时候,发现莫名其妙的字体加载会变的很慢,因为一直使用的公共的字体服务,有些节点可能会莫名奇妙的出现加载延迟,所以当时就想着怎么自己搭建。很早之前曾经用过一段时间又拍云的免费存储,当时直接把字体扔进去了,然后站点加载,速度倒是没什么感知,但就是流量顶不住。没过多久,流量就没了。后来看到提供的公共字体加速服务里面是引入CSS的方法的,就好奇怎么做的。
- 于是经过多方查询,了解到了这个中文网字计划,几乎是傻瓜式处理,你只需要会上传下载就行了。下面简单记录一下过程,有需求的小伙伴可以自己部署一个。
- 操作过程:
- 将自己喜欢的字体下载好,需要转换格式或者压缩的话,大家可以搜索一下,有很多公共服务。
- 打开中文网字计划的在线分包器,上传字体到分包器。然后
点击开始进行字体分包
,稍等片刻就会分包完毕。然后点击右下方压缩下载ZIP
即可。这样我们就得到了一个完整的分包字体。

- 将字体解压上传到CDN存储,或者自建的存储桶,或者自己需要存的地方。生成的域名格式一般为
域名+路径+result.css
,这个可以自己测试一下,正常是可以打开的。

<link rel='stylesheet' href='https://chinese-fonts-cdn.deno.dev/packages/lxgwwenkai/dist/LXGWWenKai-Light/result.css' />
article {
font-family:'LXGW WenKai Light';
font-weight:'400'
};
- 刷新页面可以看到字体变化。
- 中文网字计划本身提供了很多种公共的字体,不想自己做的话,可以直接引入,想自己做的话,可以尝试自己做,但是要注意有些字体是有版权的,一定要慎重。
这个不错哦,我得找一款喜欢的字体。
有免费的,你可以看下。
字体太占用流量了,不过你这字体体积好小!
用的公共服务,不过分包后字体的确小了
当前页面字体显示的速度挺快啊
是的,本来自建了,但是cdn加载是个迷,暂时用的官方的
当前效果不错,如果稳定的话可以直接用啊😍
目前体验几天了,还是不错的,自建的偶尔加载会漫长一些,可能是cdn的问题,也可以放在源站上面试试。
不错不错,有需求的时候来试试
感谢用爱发电的大佬们。
是的哈,已经有很多的免费的了。
这个好用,字体切分了后,加载速度快了很多~
是的,比直接加载好很多
学习了😏
也算是多学了一种技能