请选择 进入手机版 | 继续访问电脑版

网页UI---在PS或AI中如何批量使用阿里巴巴图标库

发表于 01-04 20:17 显示全部楼层 15 560

本帖最后由 赵延明老师 于 2018-1-4 20:18 编辑

简介:

        ICONFONT阿里巴巴矢量图标库对于前端工程师来讲,一个icon就像一个字用。但是在设计当中如何将阿里巴巴的矢量图标库用在设计当中呢?其中它可以直接下载AI版的文字,不过只能一个一个的下载,一个一个的使用也算是相当麻烦。

        其实在PS当中也可以将图标做为字去直接使用和编辑。

        如何快速解决这个问题,就需要用到下面的方法。

效果:

image.png

image.png

方式:

第一步:下载图标:通过http://www.iconfont.cn 选择自己想要的图标,并下载。

第二步:安装字体:将下载好的安装包解压,并且将里面的后缀名为.ttf文件双击进行安装字体

第三步:使用字体 : 将PS或AI打开,在窗口页面找到字形面版并打开,将里面的字体进行搜索找到 iconfont字体 ,对应的字形里面就是我们想要的图标字体。可以通过 快捷键T 单击窗口  单击字形中的图标即可完成使用。(AI通过窗口==》字体==》字形)

未标题-3.jpg



回复 使用道具
举报
begeekmyfriend

发表于 03-02 02:13 显示全部楼层

前排支持!!

回复 支持 反对 使用道具
举报
益达月饼

发表于 02-19 09:11 显示全部楼层

回复 支持 反对 使用道具
举报
金夜威尼香

发表于 02-16 14:53 显示全部楼层

支持!支持!!

回复 支持 反对 使用道具
举报
ttplayboy

发表于 02-07 07:33 显示全部楼层

回复 支持 反对 使用道具
举报
未来穗妹

发表于 01-29 16:52 显示全部楼层

回复 支持 反对 使用道具
举报
易文沁

发表于 01-23 20:56 显示全部楼层

回复 支持 反对 使用道具
举报
顾唐

发表于 01-16 23:11 显示全部楼层

前排支持!!

回复 支持 反对 使用道具
举报
青果园

发表于 01-12 15:13 显示全部楼层

回复 支持 反对 使用道具
举报
PPAP

发表于 01-11 12:29 显示全部楼层

别人说是金子总要发光的,我就来看看。

回复 支持 反对 使用道具
举报
12下一页

发表新文章
赵延明老师

小码哥名师团队

0

学分

3375

学币

3657

积分

小码哥名师团队

Rank: 5Rank: 5

积分
3657

小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育