1.首先iconfont新增项目增加图标,此处较为简单,不作详细说明。
注意!!!
前缀写anticon,而font family需要写anticon-user,
试着加入几个图标,
2.点击下载至本地,需要到如下几个重要文件,
抽取这几个重要文件添加到antd项目的静态文件夹public目录下,
这里添加问价后会报错,iconfont.css文件中对字体文件路径发生了错误,手动改,
3.解决掉错误后,需要全局使用,在global.less引入css文件,因为public文件夹的目录比较特殊,
@import '/iconfont/iconfont.css';
css文件资源已经被加载,证明路径没有问题,
对应图标名的具体使用
<i className={`anticon-user anticonzan`}></i>