ant design pro项目离线使用iconfont问题

按照文档引用线上的icon没有问题,如何离线使用?
官方文档:
https://ant.design/components...

import  { createFromIconfontCN }  from  '@ant-design/icons'; 
export default =  createFromIconfontCN({ scriptUrl:  '//at.alicdn.com/t/font\_1700910\_qycpo3rw5am.js',  // 在 iconfont.cn 上生成 });

使用:

import MyIcon from'@/components/IconFont';
<MyIcontype="icon-aixin"/>

如何把iconfont.cn上的图标下载到本地项目使用?求各路大神解答,感谢!

阅读 4.1k
2 个回答

找到自己iconfont上的项目库,里面有个“下载至本地”的按钮,会把字体文件和引用示例都下载下来,然后你把代码和字体文件添加到自己的项目中就可以了,可以新建一个iconfont.less的文件,全局引用一下就可以了

放在把文件 放在public 目录下, 改下路径即可

const IconFont = createFromIconfontCN({
  scriptUrl: 'abcIconFont.js',
});
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题