Flutter 使用阿里iconfont图标

3,726 阅读1分钟


1. 将下载的 iconfont.ttf 复制到项目 fonts 目录
2. 配置 pubspec.yaml 文件,将字体文件引入

  fonts:
    - family: iconfont
      fonts:
        - asset: fonts/iconfont.ttf

3. IconData使用图标

// 查看iconfont.css,将 \替换成0x即可得到对应的 codePoint
//.icon-ai-ios:before {
//  content: "\e631";
//}
//
IconData(0xe631, fontFamily: 'iconfont')

😊附赠一个 iconfont.css 快速生成 iconfont.dart 在线小工具xwrite.gitee.io/blog/