You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将目标字体添加至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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 04:45:34