iconfont图标引入
- 矢量图标网址
https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3382781 - 注册登录
- 搜索图标
- 鼠标悬浮添加购物车
- 点击购物车按钮
- 点击’添加至项目’按钮
- 点击’下载至本地’
- 解压文件,打开demo_index.html,查看使用方法
- html文件中
<head></head>
标签中引入iconfont.css文件
<link rel="stylesheet" href="./font/iconfont.css">
- html标签中使用图标
<i class="iconfont icon-shouye"></i>
- 相关截图
![](https://i-blog.csdnimg.cn/blog_migrate/a08101532aed8340c37c833b5cf35761.png)
![](https://i-blog.csdnimg.cn/blog_migrate/a231d49980f21dcab02899dd04cedecb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/07107ad26853d18ed2ee8b59b02b53ac.png)
![](https://i-blog.csdnimg.cn/blog_migrate/27f39c78ddfd5fddd359868df1d35f95.png)
![](https://i-blog.csdnimg.cn/blog_migrate/de2753302660daa7208c2219e06644eb.png)
![](https://i-blog.csdnimg.cn/blog_migrate/d5ec260ded99afe7c6415c4c37b83f8b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/2d4252752a2643747afaa6885d63b258.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3acadc8b7b607b66cd04287052c094db.png)