字体子集化——任性的在网页上嵌入字体

in 默认分类前端 with 0 comment

汉字特点是多且复杂,这导致汉字字体文件占用空间极大,一般的字体有至少4m的大小,这对网页开发时候的使用带来了不便。
之前在按照设计稿编写网页的时候,有时候是干脆使用默认字体或者使用导出的图片,省去字体问题。
但是效果不佳以及导出麻烦,其实更优的方案是使用子集化的字体。
子集化是从字体文件提取需要的文字并重新生成字体文件,这样字体文件大大减小便可以正常引入。
找一找发现有几个项目
百度 fontmin
阿里 font-carrier
font-spider

他们都能够自动识别中文并自动输出字体,font-carrier和fontmin都有提供gui以手动生成字体文件。
由于我最近在改一个10多年前的项目。。。感觉还是用桌面端手动生成来的方便。
font-carrier的桌面端叫小熊猫,然而我尝试了多次,i5-8400的cpu飙到40%运行了许久也得不到结果。
fontmin桌面端大力好评使用起来也很棒,输出的有css,eot,svg,ttf,woff,以及直接base64的css,满足了各种需求。
fontmin桌面端
6英文4中文的ttf,4KB,虽然不是特别小,但是已经可以正常适用于线上项目了。

Responses