React ts 引入iconfont图标方法以及注意事项

react + ts + and 引入在线iconfont字体图标

1. 下载iconfont压缩包

• iconfont官网，资源管理进入我的项目
  

• 点击Font class，点击下载至本地
  

• 解压后，放到自己的项目中，根目录public

• 

2. 引入项目中及使用

• 在index.html中将iconfont.css引入
  
• 页面中使用类名方式：

<i className="iconfont icon-ego-menu" />

注：此项目中使用ts，stylelint预处理的css（以下仅供参考）

问题：在index.html中引入后，页面不生效
解决方案：

1. 在.stylelintignore 忽略iconfont.css文件。
   
2. 在index.tsx中引入iconfont.css
   
3. 同样在页面中使用类名方式：

<i className="iconfont icon-ego-menu" />