flutter启动后不显示文字,中文字体不显示
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(),
);
}