当然,请看效果图:
一、根据阿里图库生成iconfont.css 1,登录阿里图库官网https://www.iconfont.cn/创建新项目。 例如,我新创建的项目是my-icon
2、将所需图标放入购物车,然后添加到项目中
3、打开项目,选择" Unicode "类型,点击下载到本地
4、解压缩刚才下载的文件。 只需解压缩文件中的iconfont.css,不需要其他。
二、在html中使用iconfont.css图标! doctypehtmlhtmlheadmetacharset=' utf-8 ' /! 引入iconfont.css文件--link rel=' style sheet ' type=' text/CSS ' href=' CSS/icon font.CSS '/title html是蚂蚁图库颜色: # 777; }ul{width:50%; border:1px solid #ccc; padding:10px; 文本照明3360中心; }ul li{list-style:none; }/style/headbodyulliiclass=' iconfontmyicon ' # xe 693; /i团队信息/Lili iclass=' iconfontmyicon ' # xe 646; /i我的团队/Lili iclass=' iconfontmyicon ' # xe 618; /i结算记录/Lili iclass=' iconfontmyicon ' # xe 672; /i充值记录/Lili iclass=' iconfontmyicon ' # xe66c; /i事务处理行/Lili iclass=' iconfontmyicon ' # xe74c; /i手机号码/li/ul /body/html