一、阿里图标矢量库网址

https://www.iconfont.cn/

二、登录,可用微博扫码登录

三、步骤如下图所示

①输入你想使用的图标名称
阿里图标的使用
②选择你想要的图标添加入库,可添加多个
阿里图标的使用
③打开购物车
阿里图标的使用
④点击添加至项目
阿里图标的使用
⑤创建项目,或者添加至已有项目
阿里图标的使用
⑥选择Font class这一项(个人习惯用这种),复制代码
阿里图标的使用
⑦新建html文件,如下图所示,将复制的css代码放入link标签中,用.icon-touxiang可控制图标的样式,将图标放在了span标签中,其类名为“iconfont icon-touxiang”,不管是哪个图标,类名都是"iconfont xxxx"的形式
阿里图标的使用
⑧打开浏览器访问,如图所示,即为引用成功!!!
阿里图标的使用

相关文章: