官网地址
搜索自己需要的图标
将图标添加到我们的购物车中
图标选择完成后添加到项目中
进入我们的项目
下载字体
这里字体下载到本地,避免使用线上,避免因为网络或者线上项目被删除导致图标无法正常显示
解压
图标解压到出来后,复制到项目中
图标复制到项目中
在项目中fonts目录,创建一个iconfont目录把图标复制进去
main.js中引入字体
在main.js中引入我们添加的图标字体
import './fonts/iconfont/iconfont.css'
使用
回到我们的项目,鼠标放在图标上,复制代码
这里要注意 复制代码后应该是 icon-moduanzuoyouzhankai作为class渲染,我们在使用的时候,需要在前面再追加一个iconfont iconfont图标在使用的时候 都需要在图标名前面加一个 iconfont
<i class="iconfont icon-moduanzuoyouzhankai"></i>
图标出现
到这里我们的图标就出现在项目中了.
