百度字体编辑器地址: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是什么文件呢?
我猜有点类似于配置文件,会包含字体的一些信息。总之千万别删哦。
最新评论