阿里图标库iconfont使用
2019-03-16 本文已影响0人
刘予川
话不多说 进入官网 https://www.iconfont.cn/
搜索你想要的 ,比如【我的】
![](https://img.haomeiwen.com/i11259802/c25a24eff58ccb08.png)
出来以后加入购物车
![](https://img.haomeiwen.com/i11259802/24bca4910d6e05f3.png)
点击购物车
![](https://img.haomeiwen.com/i11259802/0cab14918e53c7a8.png)
点击添加至项目 这时你如果没登录的话 ,会让你登陆随便选择一个登陆方式比如 github
![](https://img.haomeiwen.com/i11259802/4375aa71161b6fae.png)
登陆成功之后你可以选择新建也可以选择老的项目
![](https://img.haomeiwen.com/i11259802/94f01b6fa0285196.png)
确定好之后会是这样一个页面,然后下载至本地
![](https://img.haomeiwen.com/i11259802/dd9a36999b249633.png)
下载后解压会是一些这样的文件
![](https://img.haomeiwen.com/i11259802/0220dc93ac0390f3.png)
然后像我这样把字体文件和css文件拿到你的项目里
![](https://img.haomeiwen.com/i11259802/f9fececaacc1ed9a.png)
![](https://img.haomeiwen.com/i11259802/03ae2151fe238d3d.png)
![](https://img.haomeiwen.com/i11259802/7a669a079eb2acbf.png)
看下效果
![](https://img.haomeiwen.com/i11259802/1c4c288de61ead96.png)
你还可以使用他的代码
![](https://img.haomeiwen.com/i11259802/0300d929ef5f2908.png)
效果是一样的
![](https://img.haomeiwen.com/i11259802/70bcc1173b1dfc6f.png)
如果你是在Vue cli里面使用的话 你要把css引入到入口文件也就是main.js里 就可以在组件里使用了