【Flutter 自定义字体】等宽字体等

一般如果涉及自定义字体、等宽字体,我们通常使用到 Google 提供的:https://fonts.google.com/(可能需要魔法),

1 如果是等宽字体,搜索关键词 "mono" 就会发现有很多:

2 我们可以直接选择第一个等宽字体,点击获取,然后下载全部,解压,找到适合的 ttf 文件


3 最后我们在我们的项目根目录可以创建一个目录名为 fonts,然后把喜欢的ttf丢进去,

4 最后在 pubspec.yaml 文件下写入这个配置:

5 然后我们就可以使用了:

最后扯两句

其实 flutter 提供一个库名为 google_fonts:,我们可以直接使用它来使用等宽字体:

dart 复制代码
textStyle = GoogleFonts.jetBrainsMono(// 使用 google_fonts 提供的字体
						// 可选
              textStyle: TextStyle(
                fontFamily: 'monospace',// 也可以使用系统提供的等宽字体
              ),
              fontSize: 14,
              height: 1.4,

            );

但是它本质是提供网络去 下载的,所以以 Android studio 的网络能力,可能下不了(国内),所以往往就需要我们自己去下载配置...

相关推荐
钛态10 小时前
Flutter for OpenHarmony:mockito 单元测试的替身演员,轻松模拟复杂依赖(测试驱动开发必备) 深度解析与鸿蒙适配指南
服务器·驱动开发·安全·flutter·华为·单元测试·harmonyos
念格13 小时前
Flutter 弹窗 UI 不刷新?用 StatefulBuilder 解决
flutter
程序员老刘15 小时前
2026春招Flutter岗位为何变少?我看到的3个招聘逻辑变化
flutter·ai编程·客户端
念格16 小时前
Flutter 实现点击任意位置收起键盘的最佳实践
flutter
念格16 小时前
Flutter ListView Physics 滚动物理效果详解
flutter
国医中兴16 小时前
ClickHouse的数据模型设计:从理论到实践
flutter·harmonyos·鸿蒙·openharmony
国医中兴19 小时前
ClickHouse数据导入导出最佳实践:从性能到可靠性
flutter·harmonyos·鸿蒙·openharmony
国医中兴19 小时前
大数据处理的性能优化技巧:从理论到实践
flutter·harmonyos·鸿蒙·openharmony
●VON21 小时前
Flutter 入门指南:从基础组件到状态管理核心机制
前端·学习·flutter·von
西西学代码21 小时前
Flutter---SingleChildScrollView
前端·javascript·flutter