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

发布于:2025-02-18 ⋅ 阅读:(173) ⋅ 点赞:(0)

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

中文字体不显示

解决:

  1. 修改pubspec.yaml,增加NotoSansSC字体配置,并添加字体文件
  2. 修改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(),
    );
  }

网站公告

今日签到

点亮在社区的每一天
去签到