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/

转载于:https://www.cnblogs.com/x-man/p/10658084.html

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐