React 在antd項目中引用阿里巴巴字符體

在antd項目中遇到要用阿里巴巴的字符體,下面是簡單介紹怎麼引用:

scriptUrl地址是iconfont.cn 項目在線生成的 js 地址,下面說說如何生成js地址:

1、現在阿里巴巴圖標官網選圖標,然後加入購物車

 

2、選添加進項目,如果沒有項目就新建項目,按確定:

3、然後跳到圖標管理的頁面,如下:

4、將這些圖標下載至本地:

5、然後點擊上傳圖標至項目:

6、提交

7、點擊查看在線代碼,就可以看到生成react項目Icon.createFromIconfontCN中的參數scriptUrl的代碼了

 

8、<MyIcon />的參數type=圖標名,例如:

9、直接在antd項目裏引用就可以了

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章