iconfont字体图标的使用

首先在iconfont.cn中"新建项目"

找到想要的字体图标"添加入库"

点击购物车会看到刚刚添加进来的图标

将图标"添加至项目"

1. 方式一：下载至本地

   解压得到一个文件夹，将此文件夹放到项目中，引入文件夹下的iconfont.css

   import './iconfont/iconfont.css'
   
   function App2() {
     return (
       <>
        <i className='iconfont icon-Eye'></i>
        <i className='iconfont icon-huaban'></i>
       </>
     );
   }
   export default App2;
   

2. 方式二：scriptUrl地址是在inconfont.cn项目中生成的

   import { createFromIconfontCN } from '@ant-design/icons';
   
   function App() {
   
   const MyIcon = createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_3352720_nffujozf9v.js',
   });
   
     return (
       <>
        <MyIcon type="icon-zanting"/>
        <MyIcon type="icon-xiazai"/>
       </>
     );
   }
   
   export default App;