阿里图标库的使用方法

马谦马谦马谦 2018年5月20日11:33:432 188字阅读0分37秒

阿里图标库首页:阿里巴巴矢量图标库,首先进入注册账户,然后创建新项目:

阿里图标库的使用方法

进入项目页面后,右上角创建新项目:

阿里图标库的使用方法

 

新弹出的对话框中填入项目名称和字体类前缀:

阿里图标库的使用方法

项目创建完成后进入图标库挑选图标:

阿里图标库的使用方法

选择需要的图标添加到购物车:

阿里图标库的使用方法

选好图标后把购物车里图标添加到项目,购物车在右上角:

阿里图标库的使用方法

阿里图标库的使用方法

添加完成后会自动进入项目目录:

阿里图标库的使用方法

生成代码就可以添加到网页中使用了:

阿里图标库的使用方法

一个要注意的事项是每次更改图标都要重新生成url

马谦马谦马谦
  • 本文由 发表于 2018年5月20日11:33:43
  • 转载请务必保留本文链接:https://www.dyxmq.cn/program/code/web/the-usage-of-iconfont.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:2   其中:访客  2   博主  0
    • avatar
      路锟斤拷路 0

      博主啊,你这我什么一点看不懂,我头脑简单,你可以为我解答下吗