flutter:安装使用自定义的字体(flutter 3.7.0)

一，在flutter项目中引入字体文件

在项目中创建存放字体的文件夹fonts,并把要使用到的字体文件复制到此文件夹下:

如图:

说明：刘宏缔的架构森林是一个专注架构的博客，

网站：https://blog.imgtouch.com
原文: https://blog.imgtouch.com/index.php/2023/06/04/flutter-an-zhuang-shi-yong-zi-ding-yi-de-zi-ti-flutter-3-7/

对应的源码可以访问这里获取： https://github.com/liuhongdi/
或: https://gitee.com/liuhongdi

说明：作者:刘宏缔邮箱: 371125307@qq.com

二，编写配置文件:

编辑pubspec.yaml,如图:

说明:

family:指定字体的名称

asset: 指定字体文件的相对路径

三，在代码中使用导入的字体文件:

children: <Widget>[
  const Text(
    '借问酒家何处有？牧童遥指杏花村。',
    style: TextStyle(
      fontSize: 30,
      fontWeight: FontWeight.w500,
      color: Color.fromRGBO(0, 0, 0, 1),
      fontFamily: 'FZKTJW',
    ),
  ),
],

四，测试效果:

指定字体前:

指定字体后:可见方正楷体已生效

五，查看flutter的版本:

liuhongdi@liuhongdideMBP ~ % flutter --version
Flutter 3.7.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b06b8b2710 (8 days ago) • 2023-01-23 16:55:55 -0800
Engine • revision b24591ed32
Tools • Dart 2.19.0 • DevTools 2.20.1