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

百度字体编辑器地址：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是什么文件呢？

我猜有点类似于配置文件，会包含字体的一些信息。总之千万别删哦。