阿里图标的运用

Xuanmo  发表于: 2016-03-12 23:58:03  分类: 前端相关  1417  0

什么是阿里图标?

Iconfont.cn是由阿里巴巴UX部门推出的矢量图标管理网站,也是国内首家推广Webfont形式图标的平台。网站涵盖了1000多个常用图标并还在持续更新中,Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。同时iconfont.cn平台作为矢量图标倡导者,积极在线分享矢量图标制作经验、前端应用说明,及应用中常见的一些问题。

使用方法:

首先打开官方地址,官方网址:www.iconfont.cn  注:所需图标需一起下载

 

第一步找到自己需要的图标,如下图:

第二步下载到本地:

第三步,如下图:

第四步,拷贝这4个文件到我们的项目文件里,可新建一个文件夹存放,如下图:

第五步,如下图:

第六步,如下图:

第七步,如下图:

第八步,如下图:

第九步,如下图:

第十步,如下图:

接下来就可以看见阿里图标了,如下图所示:

 

  • 8人 Love
  • 1人 Haha
  • 1人 Wow
  • 0人 Sad
  • 0人 Angry
iconfont、tips、阿里图标

作者简介:Xuanmo

打赏

生命的意义在于折腾。

共 0 条评论关于 “阿里图标的运用”