注册字体
概述
iFlutter 提供了智能的字体资源管理功能,能够自动识别字体文件并完成注册配置。
🔤 自动识别字体文件
当向指定目录添加字体文件时,iFlutter 会自动识别以下格式的字体文件:
| 支持的字体格式 |
|---|
.ttf |
.font |
.fon |
.otf |
.eot |
.woff |
.ttc |
⚙️ 自动化处理
识别到字体文件后,iFlutter 会自动执行以下操作:
- 自动注册:将字体配置添加到
pubspec.yaml中 - 生成代码:创建或更新
lib/res/i_font_res.dart文件,生成引用字段
⚠️ 重要注意事项
字体文件命名规则
如果项目已有自定义字体配置,首次使用 iFlutter 时需要确保 family 名称与字体文件名(不包括后缀)一致。
示例:
flutter:
fonts:
- family: a
fonts:
- asset: relative/path/b.ttf # ❌ 错误:文件名与 family 不一致
需要修改为:
flutter:
fonts:
- family: a
fonts:
- asset: relative/path/a.ttf # ✅ 正确:文件名与 family 一致
🎨 字体变体支持
命名规则
对于字体变体(如不同粗细),请按照以下规则命名字体文件:
格式: 字体族名称@key1_value1_key2_value2...[.ttf|.font...]
配置示例
flutter:
fonts:
- family: font
fonts:
- asset: assets/fonts/font.ttf # 常规字体
- asset: assets/fonts/font@weight_500.ttf # 中等粗细
weight: 500
- asset: assets/fonts/font@weight_700.ttf # 粗体
weight: 700
- asset: assets/fonts/font@style_italic.ttf # 斜体
style: italic
常用变体参数
| 参数 | 说明 | 示例值 |
|---|---|---|
weight |
字体粗细 | 100, 300, 400, 500, 700, 900 |
style |
字体样式 | normal, italic |
💡 提示:通过规范的命名方式,
iFlutter可以自动识别并正确配置字体变体。