如何在前端项目中使用iconfont?

iconfont:https://www.iconfont.cn/

(1)将下载的文件夹引入至项目中
(2)全局引用iconfont.css文件
(3)创建一个i标签或者span标签,添加两个类名,一个固定的是iconfont,另一个是你想要的那个图标对应的类名

<i className={cx('iconfont',Ratio >= 0 ? 'icon-shangsheng':'icon-xiajiang')}></i>

效果如下图所示
在这里插入图片描述

发布了56 篇原创文章 · 获赞 6 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/jasonzhang20100713/article/details/104619130