阿里图标库的使用方法

马谦马谦马谦 前端2408字数 188阅读0分37秒阅读模式

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

阿里图标库的使用方法-图片1

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

阿里图标库的使用方法-图片2

 

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

阿里图标库的使用方法-图片3

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

阿里图标库的使用方法-图片4

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

阿里图标库的使用方法-图片5

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

阿里图标库的使用方法-图片6

阿里图标库的使用方法-图片7

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

阿里图标库的使用方法-图片8

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

阿里图标库的使用方法-图片9

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

 
马谦马谦马谦
  • 本文由 马谦马谦马谦 发表于 2018年5月20日11:33:43
  • 转载请务必保留本文链接:https://www.dyxmq.cn/program/code/web/the-usage-of-iconfont.html
评论  2  访客  2
    • 路锟斤拷路
      路锟斤拷路 0

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

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    确定

    取消

    拖动滑块以完成验证