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

Flutter中FontFamily未生效,如何正确使用FontFamily?

解决Flutter中IndieFlower字体不生效的问题

直接设置fontFamily: 'IndieFlower'无效,因为Flutter未找到对应的字体文件,需完成以下完整配置流程:

  • 1. 准备字体文件
    下载IndieFlower字体的ttf格式文件,在项目根目录新建fonts文件夹,将字体文件放入(例如命名为IndieFlower-Regular.ttf)。

  • 2. 配置pubspec.yaml
    在项目的pubspec.yaml文件中,找到flutter节点,添加字体注册配置(注意缩进需与同级节点一致,用2个空格):

    flutter:
      uses-material-design: true
      # 新增字体配置
      fonts:
        - family: IndieFlower
          fonts:
            - asset: fonts/IndieFlower-Regular.ttf
    
  • 3. 重启应用
    修改pubspec.yaml后,不能用热重载,必须完全重启App,让Flutter加载新的字体资源。

  • 4. 验证代码
    你的Text组件代码本身无问题,重启后即可生效:

    const Text('Hello', style: TextStyle(fontFamily: 'IndieFlower'))
    

注意事项:

  • 确保pubspec.yaml里的asset路径与实际字体文件位置完全匹配,大小写也要一致;
  • 如果字体有多个字重(如粗体),可在fonts节点下添加多个asset条目,并指定weight参数。

内容的提问来源于stack exchange,提问作者Huzaifa Muhammed

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.12 09:05:54