第一步: 加入图表库,下载到本地
![](https://img.haomeiwen.com/i11369450/10b6d235aecffb1e.png)
第二步: 将解压后的文件夹放置在项目的src文件下,只需保留后缀为:eot、svg、ttf、woff的四个文件和iconfont.css文件即可
![](https://img.haomeiwen.com/i11369450/e9b1170d95a287b4.png)
第三步: 修改iconfont.css文件下的url部分;修改后缀为:eot、svg、ttf、woff四个文件的相对路径
![](https://img.haomeiwen.com/i11369450/56ed4bd0479b5180.png)
第四步: 在项目根路径下引入iconfont.css文件
![](https://img.haomeiwen.com/i11369450/0b6b4164add27664.png)
然后,就能愉快的使用iconfont了
<i class="iconfont icon-shezhi"></i>
<i class="iconfont icon-shezhi"></i>
本文标题:react项目中使用iconfont
本文链接:https://www.haomeiwen.com/subject/kyvsectx.html
网友评论