react中使用Iconfont图标

第一步:把所有需要的图标加入一个项目里下载至本地


下载到本地

第二步:使用编辑器打开下载的内容找到文件里后缀为:eot、svg、ttf、woff的四个文件


第三步: 在src下面创建一个文件夹并把四个文件导入其中



第四步:把iconfront.css引入styles里面并在global.less里面引入


第五步:改变iconfont.css里的局部内容:


把url里的文件改为第三步里导入的文件
可有可无

第六步:开始使用 'iconfont' 图标,只能使用demo_unicode.html里面的图标库

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容