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:

Dart 复制代码
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'
Dart 复制代码
Widget build(BuildContext context) {
    return MaterialApp(
      title: '闹钟应用',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue),
        fontFamily: 'NotoSansSC',
        useMaterial3: true,
      ),
      home: const AlarmListPage(),
    );
  }
相关推荐
溟洵10 分钟前
Qt 窗口 工具栏QToolBar、状态栏StatusBar
开发语言·前端·数据库·c++·后端·qt
用户25191624271115 分钟前
Canvas之图像合成
前端·javascript·canvas
每天开心15 分钟前
噜噜旅游App(4)——构建旅游智能客服模块,实现AI聊天
前端·微信小程序·前端框架
超凌16 分钟前
el-input-number出现的点击+-按钮频现不生效
前端
三小河16 分钟前
contentEditable 实现可编辑区域
前端
RaidenLiu20 分钟前
Flutter Shader预热技术解析与实践指南
flutter·前端框架
一道雷25 分钟前
🧩 Vue Router嵌套路由新范式:无需嵌套 RouterView 的布局实践
前端·vue.js
Mintopia29 分钟前
🎯 光与面的命运交锋:Möller-Trumbore 线段三角形相交算法全解析
前端·javascript·计算机图形学
Ares-Wang36 分钟前
Vue》》@ 用法
前端·javascript·vue.js
心.c1 小时前
JavaScript单线程实现异步
开发语言·前端·javascript·ecmascript