纯个人使用过程记录,非技术分享!

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

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

1、登陆网站

2、点击菜单图标管理——项目管理目录下

3、将UI提供的svg上传至项目中阿里巴巴矢量图标网使用的小方法

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

5、上传完毕,点击提交到指定的项目中即可;

6、添加完成之后可以编辑图标基本信息(尤其是类名);

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

7、之后点击下载至本地即可,会下载一个压缩包

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

 

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

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

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

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

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

相关文章:

  • 2021-11-13
  • 2021-04-27
  • 2022-12-23
  • 2021-08-24
  • 2021-12-21
  • 2021-06-24
  • 2021-08-24
  • 2022-01-09
猜你喜欢
  • 2022-01-13
  • 2021-06-18
  • 2021-10-17
  • 2021-04-27
  • 2021-04-18
  • 2021-11-04
相关资源
相似解决方案