方法一:利用iconfont图标库制作字体包
iconfont针对字体原理的一篇文章 点击阅读
- 在本地设计好一套字体或者图标,这里以数字字体为例,记得所有图层最后合并一下,然后导出svg格式到本地;
- 打开iconfont官网 官网地址,在菜单栏找到资源Resources——我的项目(My Projects)——点右上角创建一个项目;
这里可以定义前缀的样式,比如icon_
- 上传本地设计好的svg格式文件,可批量,去除颜色并提交;
- 上传完可以在项目里看到,如图,每个数字下方有一串字符,这就是上面讲到的数字字符,我们需要做的就是一个个修改好,
5.鼠标点击单个数字图标,点击编辑,默认是下图这样的
前面unicode是系统自动生成的,我们只需要在字符里输入对应的数字即可,你会发现前面的Unicode自动变成了38。全部修改完返回看到项目中图片自动生成了「&#x」+16进制的格式,这是和编码表一一对应的。类推,汉字的话也是这样操作。
6.到这里已经制作完成,直接下载即可。
方法二:可以用一些在线的自己编辑器直接编辑,之后下载ttf安装包
百度字体编辑器 官网
类似比较多,可以自己尝试一下,主要涉及到基线,字宽,目的是保证直接打出的文字左右间距等整体协调。