iconfont在react中完整使用教程

hello,各位小伙伴们，好久没写文章了。
忽然要本身搭建项目了，项目中对于阿里巴巴iconfont的使用，你们都清楚吗？

第一步：将图标加入购物车

第二步：将图标下载到本地,将以下文件放置在react项目中assets目录下

第三步：导入iconfont.css到项目目录，鄙人踩坑点在此。
查阅部分文件，找到相关资料，发现是在纯html页面中导入是彻底OK的。
<link rel="stylesheet" type="text/css" href="iconfont.css">
可是请注意，我们将静态资源放置在src目录下，public中的index.html不可采用。
因而，正确作法以下：
在src文件下的index.js或者app.js等文件中写入以下语句便可。
import './assets/fonts/iconfont.css';

第四步：介绍使用方法

unicode: <i className="iconfont">&#xe72e;</i>
font-class:<i class="iconfont icon-gouwuche"></i>
symbol:待我研究去吧。。。

备注：
若是发现页面没有更新，能够重启一下服务。
以上就是关于iconfont的介绍了，你们能够踊跃查阅资料，在此但愿可以给到小伙伴们一些帮助呀！