运用阿里图标库到自己的项目中---实例

1 . 登录图标库  在iconfont官网搜索自己需要的图标名称(例如:搜索)

运用阿里图标库到自己的项目中---实例

2 . 鼠标放在自己选中的图标上,添加到购物车

运用阿里图标库到自己的项目中---实例

3 . 添加完成之后,右上角购物车会显示添加的数量,点击打开购物车

运用阿里图标库到自己的项目中---实例

  3.1 添加至项目 ( 创建新的项目,或者加入已有的项目)

运用阿里图标库到自己的项目中---实例

  3.2  下载素材 (直接下载图片到本地)

  3.3  下载代码(直接下载生成的代码压缩包,基本上跟添加至项目一致)

4.添加到项目之后,进入图标管理页面 (可选择下载代码至本地)

5. 三种引用方式(一般使用 font-class 引用)

  5.1   引入项目下面生成的 fontclass 代码:

<link href="http://www.likecs.com/iconfont.css">

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwxxsy.html