压缩网页使用的字体库,思源黑体精简版

功能背景

在网页中特殊情况下会使用非标准字体(最近的项目中需要使用思源黑体),通过网页下载中文字体库往往很大(思源黑体 8M),其中大部分是用不到的字体,导致页面加载缓慢。通过删除不常用的文字,来减少字体库大小,加快网页加载速度。

精简字体下载地址: https://github.com/DeronW/minify-font

image.png

精简效果

以思源黑体为例,SourceHanSansCN-Medium ,大小为8M


思源黑体

只包含3500常用汉字+字母+数字+常用符号的字体库,大小为900K


思源黑体 精简版

精简方法

字体库很大是因为包含了很多汉字,以思源黑体为例,每种思源黑体有6万多个汉字,其中大多数都使用用不到的,每次都加载到网页中非常浪费时间,所以通过减少字体库中的字数,来达到减少字体库大小的目标。

使用工具 http://ecomfe.github.io/fontmin/ 可以将3500个常用汉字生成到新的字体库中。最终实现减少字体库大小。

参考项目

精简字体
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容