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

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

百度字体编辑器地址: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张

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

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

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

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

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

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

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

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

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

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

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

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

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

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

这个.notdef是什么文件呢?

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

免责声明:文章转载自《使用百度字体编辑器删除不必要字体,减少字体文件体积》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇phantomjs 抓取、截图中文网站乱码的问题的解决没有msdtc服务的解决方法(sql server分布式事务挂掉的解决方法)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

程序员为什么要学习vim?

vim是优秀程序员必须掌握的工具,如果你真正开始使用它,你会发现它并不会耗费你太多的时间成本。 文本编辑器是开发工具中最重要的工具 如同任何工具一样,如果你能随意拆解,随意组装,那你就能随意掌控它,按照你的需求随意打造它。别的编辑器太庞大,很难拆解,vim就是一个可以随意拆解和组装的编辑器。你能对它进行编程,深度控制它。 生产效率的提高,使用vim的生产...

unity3D游戏开发三之unity编辑器二

转:http://blog.csdn.net/kuloveyouwei/article/details/23020995 下面我们介绍下GameObject,游戏对象/物体,通过游戏对象我们可以创建游戏对象,如灯光、粒子、模型、GUI等。 GameObject菜单 通过Create Other,我们可以创建系统自带的一些游戏对象,具体如下: Partic...

借助取色工具ColorPix对Pycharm编辑器设定自己喜欢的代码颜色_20161202

1、Pycharm编辑器怎么设定自己喜欢的颜色,前几天看爬虫博客,看博主贴出的代码颜色很是喜欢,如下图,设置了好多次找不到他设定的颜色。 2、下班回家想起来之前做表的时候用到过一个取色工具ColorPix可以将鼠标放到喜欢的颜色上取到它的HSB色值。可以在pycharm上设置,工具很小,用起来很方便 3、parcharm颜色设置 4、我设置的...

百度编辑器ueditor简单易用

最近刚刚被分配任务给一个新闻发布,它采用了富文本编辑器。本人也被用于,只是这一次我选择了百度的富文本编辑器ueditor1_4_3-utf8-jsp版。 事实上看ueditor功能非常强大,只是百度的设计还是非常不错的。仅仅须要略微配置一下就能够用了。 首先下载到ueditor1_4_3-utf8-jsp.rar。连接地址是:http://uedito...

在Qt中手动添加ui文件

1.怎么添加UI文件 我们知道在新建项目的时候,可以选择添加*.ui和不添加两种。 当添加上ui 文件的时候,我们可以利用designer来添加控件,直观上看到界面的布局,控件的外观 如果没有添加ui文件,那么久只能用代码生成。 那么如果有一个现有的类(不带ui文件),可否给他新增ui文件呢? 答案是可以。毕竟qt designer form 的简介就是...

vue中使用Ueditor编辑器

一、 下载包: 从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器,官网地址为:       http://ueditor.baidu.com/website/ 下载解压后会得到如果下文件目录: 将上述Ueditor文件夹拷贝到vue项目的static文件夹中,此文件夹为项目的静态服务文件夹; 二、 修改配置 在ueditor.c...