如何将目标字体添加至assets资源目录并完成配置?
Flutter 字体添加与配置指南
一、字体文件放置方法
- 在项目根目录新建
assets/fonts文件夹 - 将所有目标字体文件(如
Schyler-Regular.ttf、TrajanPro_Bold.ttf等)直接放入该assets/fonts目录中
二、你的配置代码问题及修正
你提供的YAML配置存在缩进错误和权重配置位置错误,以下是修正后的完整正确配置:
flutter: assets: - assets/ fonts: - family: Schyler fonts: - asset: assets/fonts/Schyler-Regular.ttf - asset: assets/fonts/Schyler-Italic.ttf style: italic - family: Trajan Pro fonts: - asset: assets/fonts/TrajanPro.ttf - asset: assets/fonts/TrajanPro_Bold.ttf weight: 700
核心修正说明:
- 所有资源配置必须嵌套在
flutter:根节点下(原代码缺失该根节点) fonts与assets为同级配置项,需保持统一缩进(YAML对缩进敏感,错误缩进会导致配置失效)- 字体文件路径需写全为
assets/fonts/xxx.ttf,确保APP能准确定位到字体文件 - 斜体字体需添加
style: italic配置,让系统识别其斜体样式 weight: 700需与对应字体的asset配置同级,不能出现缩进错位
三、配置后验证
修改完成后执行flutter pub get刷新资源,即可在代码中调用这些字体:
// 使用Schyler斜体字体 Text("测试文本", style: TextStyle(fontFamily: "Schyler", fontStyle: FontStyle.italic)) // 使用Trajan Pro加粗字体 Text("加粗测试", style: TextStyle(fontFamily: "Trajan Pro", fontWeight: FontWeight.bold))
内容的提问来源于stack exchange,提问作者Michał Łukaszewski
相关产品推荐
相关产品推荐

