减少中文 WEB 字体体积的方法

2025 年 12 月 2 日
 malagebidi
中文字体体积巨大,一般不用在 web 上,但我想到一种办法,为什么不把中文字按照偏旁部首一笔一划拆开呢?这样每个文字都可以组合出来了,体积最终大幅缩小 🐶
4244 次点击
所在节点    奇思妙想
27 条回复
subframe75361
2025 年 12 月 2 日
字体的偏旁部首的间距坐标等信息并不是固定的,考虑美观因素甚至同一个部首在不同字体中都会有不一样的形状,完整地处理下来体积不会小多少
xinyu391
2025 年 12 月 3 日
笔画字体,不是什么新鲜概念。
其实现在字体早就有这种技术了,字体中一个字符,可以有多个轮廓组成,就是为了重用相同的轮廓。
但现在字体 主要是未来美观, 用偏旁部首 组合,很难达到美观的程度。
shunia
2025 年 12 月 3 日
@HADB #17 好细的技术方案,非常优秀。

但是我感觉这也太浪费了。既然都使用预编译方案了,那无论多少标签,直接把它们都预编译成对应的,只包含该标签文字内容的字体文件就好了,html 里引用对应标签的字体文件,在前端就可以没有任何代价的实现常规样式。即便标签内容是动态的,捕获新标签触发字体编译应该也很简单。做一个这么复杂的技术方案,相对于结果,代价太高,大炮打蚊子。
colourfulsai
2025 年 12 月 3 日
说实话,不如直接用 CDN 加速的字体,只要别的网页标签打开过,你的网页直接用,都不用下载,找一个使用率较高的就行。要不就像上面说的,子集化字体/惰性加载。
tsx8
2025 年 12 月 3 日
@opengps 现在还是问题吧,个人博客加载自定义字体的速度还是很慢的
opengps
2025 年 12 月 3 日
@tsx8 #25 这确实,但非要用几兆的字体,还不如直接用几个 kb 的图片代替
darkengine
2025 年 12 月 3 日
按字保存体积大,是空间换时间的思路。如果拆到笔画级别,你想想一篇文章要怎么保存,怎么渲染?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://study.congcong.us/t/1176398

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX