Taro中使用IconFont

IconFont库

https://github.com/iconfont-cli/taro-iconfont-cli

 

注意点

1.Taro版本

如果您使用Taro2.x，请安装 taro-iconfont-cli@2.1.0，并阅读旧版的README.md

2.配置文件

{
  "symbol_url": "请参考README.md，复制 http://iconfont.cn 官网提供的JS链接",
  "save_dir": "./iconfont",
  "use_typescript": false,
  "platforms": "*",
  "use_rpx": true,
  "trim_icon_prefix": "icon",
  "default_icon_size": 18,
  "design_width": 750
}

我们Taro项目的默认width是750，所以design_width暂时不用修改。

platforms字段["weapp", "swan", "alipay", "h5", "tt", "qq"]，不会影响打包之后的小程序size。只会影响本地的代码包大小。

3.使用

iconFont的name字段，需要使用iconFont库生成的name，不能使用上传的name。

eg:

这是iconFont上传的name字段.

这是iconFont库生成的name字段。