Flutter中fontFamily属性失效求助：系统字体无法替换默认字体

我完全懂你现在的困扰——明明只是想把文本改成Arial、Comic Sans这类常见的系统字体，结果不管怎么设置fontFamily，文本还是默认样式，这种基础操作出问题确实挺闹心的。

问题根源 #

Flutter默认不会自动启用系统中所有的字体族，如果你没有在pubspec.yaml里明确声明要使用的系统字体，直接通过fontFamily指定是不会生效的。它不像原生Android/iOS那样可以直接调用系统字体名，必须先在配置里完成注册。

解决步骤 #

1. 在pubspec.yaml中注册系统字体

打开你的pubspec.yaml，在flutter节点下添加fonts配置，不需要填写字体文件路径（因为是系统自带的），只需要声明字体族名即可：

flutter:
  uses-material-design: true
  assets:
    - assets/
    - assets/images/
    - assets/icons/launcher_icon.png
  # 添加这段字体注册配置
  fonts:
    - family: Arial
      fonts:
        - asset:
    - family: Comic Sans MS
      fonts:
        - asset:
    - family: Times New Roman
      fonts:
        - asset:

注意：不同平台的字体族名可能略有差异，比如有些字体在iOS上的名称和Windows/Android不一样，要确保你写的是目标平台正确的字体族名。

2. 重启Flutter应用

修改pubspec.yaml的字体配置后，一定要重启整个应用，热重载/热重启是不会加载新的字体配置的。

3. 再次使用fontFamily指定字体

现在你之前的代码就可以正常生效了：

DrawerHeader(
  child: Column(
    children: <Widget>[
      Text("The text i am trying to change",
           style: TextStyle(
             fontSize: 20,
             fontFamily: "Arial",
             color: Colors.yellowAccent
           ),
      ),
    ],
  ),
  decoration: BoxDecoration(
    gradient: LinearGradient(
      colors: [Colors.blueGrey,Colors.orangeAccent],
      begin: FractionalOffset.topLeft,
      end: FractionalOffset.bottomRight,
      stops: [0.0,1.0],
      tileMode: TileMode.clamp
    ),
  ),
),

额外提示 #

如果你想更适配多平台，也可以通过ThemeData统一设置字体，或者使用平台特定的字体别名（比如Android用sans-serif对应无衬线字体，iOS用Helvetica），但最稳妥的还是上面的注册方法，能保证字体在各平台的一致性。

内容的提问来源于stack exchange，提问作者defemz