当前位置: 首页 > article >正文

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

中文字体不显示

解决:

  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(),
    );
  }

http://www.kler.cn/a/544633.html

相关文章:

  • 时尚搭配助手,深度解析用Keras构建智能穿搭推荐系统
  • 在不知道进程的情况下怎么关闭
  • 完善sql盲注中的其他函数 dnslog+sqlmap外带数据
  • 单调栈及相关题解
  • 数据仓库与数据挖掘记录 三
  • DeepSeek:优化学习路径生成,为教育领域带来智能化解决方案
  • 机器学习所需要的数学知识【01】
  • 企语企业管理系iFair(F23.2_a0)在Debian操作系统中的安装
  • O1、R1和V3模型
  • 二次封装axios解决异步通信痛点
  • 本地生活案例列表案例
  • MATLAB算法实战应用案例精讲-【数模应用】灰度图像增强(附MATLAB、C++和python代码实现)
  • 【数据可视化-16】珍爱网上海注册者情况分析
  • Linux 内核架构入门:从基础概念到面试指南*
  • leetcode-495.提莫攻击
  • 蓝桥杯单片机大模板(西风)
  • 6.appender
  • Python(下)
  • sqlilabs--小实验
  • 深度学习框架探秘|TensorFlow vs PyTorch:AI 框架的巅峰对决