REACT 如何本地引入iconfont

要在React项目中本地引入iconfont，可以按照以下步骤进行操作：

1. 将iconfont的字体文件（通常是font.ttf或font.woff）复制到React项目的public文件夹中。

2. 在React项目中创建一个名为iconfont.css的样式文件，并将iconfont提供的CSS代码复制到该文件中。

3. 在React组件中使用import语句将iconfont.css文件引入到组件中，例如：

import React from 'react';
import './iconfont.css';

const MyComponent = () => {
  return (
    <div>
      <i className="iconfont icon-xxx"></i>
    </div>
  );
}

export default MyComponent;

注意，icon-xxx是你在iconfont中选择的具体图标类名，根据实际情况进行替换。

4. 刷新React应用程序，以确保样式和图标正确加载和显示。

这样，你就成功在React项目中本地引入了iconfont，并可以在组件中使用它们了