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

Flutter中AppBar组件的title自定义字体不生效该如何解决?

Flutter 自定义字体不生效问题解决方案

核心问题

你当前pubspec.yaml中的fonts配置节点缩进错误,需要作为flutter节点的子项配置,当前写法中fonts和flutter平级,Flutter无法识别到自定义字体配置,自然不会生效。

其他必查项

  • 确认字体文件路径正确:项目根目录下存在fonts文件夹,文件夹内文件名称完全匹配Festive-Regular.ttf,注意文件系统大小写敏感,大小写不一致会导致读取失败
  • 修改配置后执行flutter pub get,然后完全停止当前运行的应用重新启动,热重载/热启动不会加载新增的字体资源
  • 确认pubspec.yaml中定义的字体家族名称Festive和代码中TextStyle(fontFamily: 'Festive')的写法完全一致,你当前这部分写法是正确的

修正后的pubspec.yaml配置片段

flutter:
  uses-material-design: true
  # fonts节点缩进2格,属于flutter的子节点
  fonts:
    - family: Festive
      fonts:
        - asset: fonts/Festive-Regular.ttf

内容的提问来源于stack exchange,提问作者Abhradip Das

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.09.30 00:18:03