flutter启动后不显示文字，中文字体不显示

tower888

于 2025-02-13 13:10:20 发布

阅读量669

点赞数 4

文章标签： flutter 前端 dart

本文链接：https://blog.csdn.net/tower888/article/details/145609778

版权

Flutter 3.29.0-1.0.pre.114运行报错：

Failed to load font Roboto at https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Me4GZLCzYlKw.woff2

解决：

下载roboto字体，并将字体（Roboto-Regular.ttf）放入app代码下，配置默认fonts：

flutter:
  uses-material-design: true
  fonts:
    - family: NotoSansSC
      fonts:
        - asset: assets/fonts/NotoSansSC/NotoSansSC-Regular.ttf
    - family: Roboto
      fonts:
        - asset: assets/fonts/Roboto/Roboto-Regular.ttf
          weight: 400
        - asset: assets/fonts/Roboto/Roboto-Medium.ttf
          weight: 500
        - asset: assets/fonts/Roboto/Roboto-Bold.ttf
          weight: 700

flutter运行报错:

Flutter Web engine failed to complete HTTP request to fetch "https://fonts.gstatic.com/s/notosanssc/v37/k3kCo84MPvpLmixcA63oeAL7Iqp5IZJF9bmaG9_FnYkldv7JjxkkgFsFSSOPMOkySAZ73y9ViAt3acb8NexQ2w.116.woff2": TypeError: Failed to fetch

中文字体不显示

解决：

修改pubspec.yaml，增加NotoSansSC字体配置，并添加字体文件
修改main.dart设置字体 fontFamily: 'NotoSansSC'

Widget build(BuildContext context) {
    return MaterialApp(
      title: '闹钟应用',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
        fontFamily: 'NotoSansSC',
        useMaterial3: true,
      ),
      home: const AlarmListPage(),
    );
  }