1创建自定义图标字体
- 1准备SVG图标文件,确保每个图标符合标准格式
- 2使用GlyphPact CLI命令'glyphpact build --input ./svgs --output ./fonts'编译SVG为字体文件
- 3在Flutter项目中引入生成的字体文件,并注册为字体族
2集成到Flutter项目
- 1在pubspec.yaml中配置字体路径,如'fonts: - family: MyIcons fonts: - asset: fonts/MyIcons.ttf'
- 2通过Text widget使用图标,如`Text('\uE001', style: TextStyle(fontFamily: 'MyIcons'))`
- 3确保在项目中引用正确的Unicode编码,与GlyphPact生成的映射一致
3更新图标库
- 1替换或添加新的SVG文件到输入目录
- 2重新运行'glyphpact build'命令,自动更新字体文件和映射
- 3在Flutter项目中更新对应图标引用,或直接使用新生成的Unicode
