阿里巴巴矢量图标网使用的小方法

纯我的使用过程记录,非技术分享!css

在项目开发中,为界面新增更加丰满的元素,每每咱们会采用一些图标、图片元素来支撑。阿里巴巴矢量图标网给产品、给设计、给开发人员给予了极大的帮助与便利。在这里就没有找不到的图标!html

那这里仅仅分享下如何使用此网站将svg格式转化成字体文件:svg

一、登录网站字体

二、点击菜单图标管理——项目管理目录下网站

三、将UI提供的svg上传至项目中设计

四、htm

五、上传完毕,点击提交到指定的项目中便可;blog

六、添加完成以后能够编辑图标基本信息(尤为是类名);图片

七、以后点击下载至本地便可,会下载一个压缩包项目管理

八、接下来就是代码上的文件使用了,

 

九、demo_index.html 文件中有详细的使用介绍;

十、样式类在iconfont.css 中找到类名添加便可;