react项目中如何引入iconfont图标

1.下载到本地

2.再global.css引入css文件  @import url('../public//fonts//bimdosIcon//iconfont.css');

3.修改css文件中引入的wffo和wffo2文件的路径  

@font-face {

  font-family: "iconfont1";

  src: url('./iconfont.woff2'),

     url('./iconfont.woff2')

}

4.如果  font-family: "iconfont";被占用

修改

@font-face {

  font-family: "iconfont";

  src: url('./iconfont.woff2'),

     url('./iconfont.woff2')

}中  font-family: "iconfont1";

5.icon.css文件的

.iconfont {

  font-family: "iconfont" !important;

  font-size: 0.3rem;

  font-weight: bold;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

也要修改类名为iconfont1  且    修改font-family: "iconfont1" !important;

6.使用时也是iconfont1                <span className={`iconfont1 ${item.iconName}`}></span>