您现在的位置:   首页 >> 新闻中心 >> 原型设计

Axure 教程:轻松导出图标字体所有图标

发布人:www.yunke.ai 发布时间:2021-01-01 148 次浏览

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

一、问题来源

最近在集中整理一些原型、元件、框架或者素材等设计规范,在整理的过程中,遇到一个比较棘手的问题:当在 Axure 中选择一个图标字体时,没有办法直接通过字符,将我们想要的图标打出来。

例如如果想在 Axure 中使用“加号”的字体图标时,只有三种方法能搞定:

  • 办法 1:从其他的图标字体库中直接复制粘贴;
  • 办法 2:从系统字体中复制粘贴;
  • 办法 3:导出该字体图标的 svg/png 图片文件,再复制粘贴。

尽管这三种方式都能满足正常使用的需求,但对应的也会存在三个问题:

  • 问题 1:很难找到其他全面的图标字体库文件
  • 问题 2:系统字体库中只能单个复制,无法批量复制,工作量太大
  • 问题 3:svg/png 图片下载后无法随意改变图标颜色或大小,不方便制作交互样式

所以这些问题的出现产生了一个需求:如何将图标字体中的所有字体批量导出到 Axure ,变成一个个可以直接编辑的字体图标?

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

二、解决办法