Flutter 使用阿里iconfont图标

Posted 2021-02-15 x-man

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Flutter 使用阿里iconfont图标相关的知识，希望对你有一定的参考价值。

技术图片

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 在线小工具https://xwrite.gitee.io/blog/

以上是关于Flutter 使用阿里iconfont图标的主要内容，如果未能解决你的问题，请参考以下文章