antPro中如何使用自定义字体

1 找到config文件夹下的config.ts文件
2 下载 yarn add url-loader -S
3 新建文件夹 src/fonts/RoboData-Beta1.0-Regular.otf 具体的字体文件问ui要
4 添加如下配置
	chainWebpack(config) {
	    config.module
	      .rule('otf') //自己取的名字
	      .test(/\.(otf|ttf|TTF)(\?.*)?$/) //匹配规则
	      .use('url-loader') //使用的loader不是file-loader
	      .loader(require.resolve('url-loader')) //	倒入loader
	      .tap((options) => ({ // 定义打包的一些规则
	        ...options,
	        name: 'static/fonts/[name].[hash:8].[ext]',
	      }));
	  },
5 使用：antpro中有全局样式文件 global.less 具体你也可以在单独的样式文件中使用:
	// global.less加入
	@font-face {
	  font-family: 'RoboData';
	  src: local('RoboData'), url(./fonts/RoboData-Beta1.0-Regular.otf) format('truetype');

	// 使用
	.xxx {
		font-family: 'RoboData'
	}
}