在antd项目中遇到要用阿里巴巴的字符体,下面是简单介绍怎么引用:

React 在antd项目中引用阿里巴巴字符体

scriptUrl地址是iconfont.cn 项目在线生成的 js 地址,下面说说如何生成js地址:

1、现在阿里巴巴图标官网选图标,然后加入购物车

 React 在antd项目中引用阿里巴巴字符体

2、选添加进项目,如果没有项目就新建项目,按确定:

React 在antd项目中引用阿里巴巴字符体React 在antd项目中引用阿里巴巴字符体

3、然后跳到图标管理的页面,如下:

React 在antd项目中引用阿里巴巴字符体

4、将这些图标下载至本地:

React 在antd项目中引用阿里巴巴字符体

5、然后点击上传图标至项目:

React 在antd项目中引用阿里巴巴字符体

React 在antd项目中引用阿里巴巴字符体

6、提交

React 在antd项目中引用阿里巴巴字符体

7、点击查看在线代码,就可以看到生成react项目Icon.createFromIconfontCN中的参数scriptUrl的代码了

React 在antd项目中引用阿里巴巴字符体

React 在antd项目中引用阿里巴巴字符体 

8、<MyIcon />的参数type=图标名,例如:

React 在antd项目中引用阿里巴巴字符体

9、直接在antd项目里引用就可以了

React 在antd项目中引用阿里巴巴字符体

React 在antd项目中引用阿里巴巴字符体

 

相关文章: