Ant Design of React由蚂蚁金服体验技术部出品,是基于React+Redux实现,开发和服务于企业级后台产品。

Ant Design 默认的 iconfont 文件托管在 iconfont.cn 并默认使用平台提供的 alicdn 地址,公网可访问使用。

由于 alicdn 对部分域名有访问限制,或者需要内网环境使用,因此我们可能需要将iconfont文件部署到本地环境。

操作步骤如下:

一、下载iconfont文件

1、官网在线下载

2、字体图标库iconfont中下载

二、部署iconfont服务

通过搭建本地服务器提供iconfont访问地址,例如:http://localhost/iconfont

三、配置@icon-url地址

1、通过package.json中自定义主题参数theme中配置@icon-font为’“iconfont字体本地访问地址”’

2、通过引用theme.js的方式自定义主题,配置方式同1

// 注意:@icon-font地址为字符串,且后面一个iconfont为字体文件名(不需要后缀),地址字符串需要在双引号内
'@icon-url': '"http://localhost/iconfont/iconfont"' 

参数资料