在flutter中使用阿里的iconfont

下载

将下载内容中的iconfont.ttf和iconfont.css放在 assets/fonts/文件夹中

配置

配置fonts

flutter:
  fonts:
    - family: IconFont
      fonts:
        - asset: assets/fonts/iconfont.ttf

安装pub包

iconfont_css_to_class包可以根据iconfont.css转换出iconfont.dart

dependencies:
  iconfont_css_to_class:
    git:
      url: https://gitee.com/yin_shiyong/iconfont_css_to_class.git
      ref: 0.1.3

生成iconfont.dart

运行前确保已经创建了lib/common文件夹

终端运行flutter pub run iconfont_css_to_class:main

后续更新了iconfont.ttf和iconfont.css后直接运行改命令更新即可

使用iconfont

import 'package:sounding/common/iconfont.dart';

Icon(
  IconFont.icon_yuqiedian1,
  size: 16,
)