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

功能背景

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

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

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

精简效果

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

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

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

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

精简方法

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

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

参考项目

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

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容