百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.htmlcss
使用手册:http://fontstore.baidu.com/static/editor/doc/index.html#introducehtml
只因此想要编辑庞大的字体文件的缘由,是由于咱们可爱的射击湿,想要让数字表现的更妖娆多姿一点,注意:只是数字妖娆,其余文字仍是使用系统默认字体。那么问题来了,一个字体字体2058KB,而我只使用0~9这10个数字,明显是很占加载的带宽,因此这个字体文件要“减肥”,留下须要的文字,剔除不须要的文字编辑器
使用百度字体文件编辑器(百度字体编辑器地址:http://fontstore.baidu.com/static/editor/index.html)。字体
跟射击湿拿到字体文件以后,就开始如下步骤。3d
图一:导入射击湿给的字体文件,并命名为original,表明是原始字体文件(这个命名随意^_^)htm
图二:能够看到导入字体文件以后,看到清晰的看到字体文件的内容。blog
图三:如图三,进行三个步骤:(1)新建=》(2)修更名字为modified=》(3)从original里复制出项目中须要用到的数字0~9。it
图四: (4)选择modified文件,而后)(5)ctrl+v,把刚才从original复制出来的数字粘贴进来。百度
图五:这样字体文件编辑好了,如今就是把编辑后的字体文件导出应用到页面中。点击(6)导出=》看到下载好的(7)文件配置
图六:在css文件中引入文件,而后根据font-family 的名字使用它。这样就完成了。
当我在编辑字体文件过程当中,发生了某个数字没法显示正确。如图,数字0显示的不是正确的字体。
通过排查以后,原来致使0没法正确显示的缘由是由于新建一个字体文件的.notdef文件被我粘贴的时候覆盖掉了,因此千万要记得新建文件以后的.notdef文件千万不要误删了。要保留着。如图:
这个.notdef是什么文件呢?
我猜有点相似于配置文件,会包含字体的一些信息。总之千万别删哦。