当前位置: 首页 > Web前端 > HTML5

iconfont在react中完整使用教程

时间:2023-04-05 02:13:59 HTML5

朋友们好久没有写文章了。突然要自己建一个项目了。大家清楚在项目中使用阿里巴巴的iconfont吗?Step1:添加图标到购物车Step2:下载图标到本地,将以下文件放在react项目的assets目录下Step3:将iconfont.css导入到项目目录中,我的坑就在这里。查了一些文件,找了相关资料,发现在纯html页面导入是完全可以的。但是请注意,我们将静态资源放在src目录下,public中的index.html不能使用。因此,正确的做法是:在src文件下的index.js或app.js文件中写入如下语句。导入'./assets/fonts/iconfont.css';第四步:介绍unicode的使用方法:font-class:symbol:我研究一下。..注意:如果发现页面没有更新,可以重启服务。以上是关于iconfont的介绍。可以主动查资料。希望在这里能给你一些帮助!