react使用阿里图标iconfont

步骤一:下载阿里图标文件到本地

步骤二:拷贝其中iconfont.css,iconfont.eot,iconfont.svg,iconfont.ttf,iconfont.woff文件到指定项目的文件夹中,我这里是将其统一放置在src/statics/icon文件夹中。

下载后所有的阿里图标文件

步骤三:将iconfont.css文件改成js文件,并改写此文件,所有带有url引入的路径添加./,其中data开头的不用修改路径。引入createGlobalStyle创建全局模块GlobalIcon。

iconfont.js

步骤四:全局引入阿里图标。

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

推荐阅读更多精彩内容