react+webpack+antd框架自定義使用阿里iconfont圖標。

 

1. 首先打開iconfont，找到咱們須要的icon，若是要icon跟隨字體選中狀態的顏色改變而改變，儘可能使用單色圖標。如圖：

二、加入購物車以後，點擊下載代碼，放到桌面，將文件夾下的iconfont.js文件引入項目中，我通常放在util文件夾下，如圖：

三、在須要的.jsx頁面下引入咱們的iconfont.js文件：

```
import iconFont from '../../../utils/iconfont.js'
const IconFont = Icon.createFromIconfontCN({
scriptUrl: iconFont
})
```
四、在render中鍵入咱們下載好的icon名稱，能夠在download文件夾下打開demo_fontclass.html頁面，複製類名，加入到咱們render中：

 

五、.jsx頁面圖標代碼：

```
render () {
<IconFont type='icon-kaoherenwujihua' />
}
```
六、最後已經引入成功了，根據選中狀態自動跟隨文字顏色。

 

小仙女奉上，有什麼不對的能夠暢所欲言哦！！！！！！react+antd框架自定義使用阿里iconfont圖標。