近几年图标字体使用非常广泛,它的优点是可以自定义图标颜色、大小等参数,且图标不会失真。本文将教你轻松导出图标字体中的所有图标,任你所用。

一、问题来源
最近在集中整理一些原型、元件、框架或者素材等设计规范,在整理的过程中,遇到一个比较棘手的问题:当在 Axure 中选择一个图标字体时,没有办法直接通过字符,将我们想要的图标打出来。
例如如果想在 Axure 中使用“加号”的字体图标时,只有三种方法能搞定:
- 办法 1:从其他的图标字体库中直接复制粘贴;
- 办法 2:从系统字体中复制粘贴;
- 办法 3:导出该字体图标的 svg/png 图片文件,再复制粘贴。

尽管这三种方式都能满足正常使用的需求,但对应的也会存在三个问题:
- 问题 1:很难找到其他全面的图标字体库文件
- 问题 2:系统字体库中只能单个复制,无法批量复制,工作量太大
- 问题 3:svg/png 图片下载后无法随意改变图标颜色或大小,不方便制作交互样式
所以这些问题的出现产生了一个需求:如何将图标字体中的所有字体批量导出到 Axure ,变成一个个可以直接编辑的字体图标?

本文将以知名图标字体 Ionicons V5.0.0 为例,来跟大家介绍一种简单直接的方法,巧用百度字体编辑器来轻松批量导出。
闽ICP备13000641号-4