您的位置:首页 > 其它

使用百度字体编辑器删除不必要字体,减少字体文件体积

2017-03-20 18:52 399 查看
百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.html

使用手册:http://fontstore.baidu.com/static/editor/doc/index.html#introduce

为什么要编辑字体文件?

  只所以想要编辑庞大的字体文件的原因,是因为我们可爱的射击湿,想要让数字表现的更妖娆多姿一点,注意:只是数字妖娆,其他文字还是使用系统默认字体。那么问题来了,一个字体字体2058KB,而我只使用0~9这10个数字,明显是很占加载的带宽,所以这个字体文件要“减肥”,留下需要的文字,剔除不需要的文字

如何编辑字体文件?

使用百度字体文件编辑器(百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.html)。

跟射击湿拿到字体文件之后,就开始以下步骤。

图一:导入射击湿给的字体文件,并命名为original,代表是原始字体文件(这个命名随意^_^)



图二:可以看到导入字体文件之后,看到清晰的看到字体文件的内容。



图三:如图三,进行三个步骤:(1)新建=》(2)修改名字为modified=》(3)从original里复制出项目中需要用到的数字0~9。



图四: (4)选择modified文件,然后)(5)ctrl+v,把刚才从original复制出来的数字粘贴进来。



图五:这样字体文件编辑好了,现在就是把编辑后的字体文件导出应用到页面中。点击(6)导出=》看到下载好的(7)文件



图六:在css文件中引入文件,然后根据font-family 的名字使用它。这样就完成了。





三、在编辑字体文件过程遇到的问题

当我在编辑字体文件过程中,发生了某个数字无法显示正确。如图,数字0显示的不是正确的字体。



经过排查之后,原来导致0无法正确显示的原因是因为新建一个字体文件的.notdef文件被我粘贴的时候覆盖掉了,所以千万要记得新建文件之后的.notdef文件千万不要误删了。要保留着。如图:



这个.notdef是什么文件呢?

我猜有点类似于配置文件,会包含字体的一些信息。总之千万别删哦。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: