【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 的网络能力,可能下不了(国内),所以往往就需要我们自己去下载配置...

相关推荐
sunly_3 小时前
Flutter:导航固定背景图,滚动时导航颜色渐变
android·javascript·flutter
恋猫de小郭6 小时前
为什么跨平台框架可以适配鸿蒙,它们的技术原理是什么?
android·前端·flutter
SY.ZHOU6 小时前
详细讲解Flutter GetX的使用
flutter
sunly_6 小时前
Flutter:下拉框选择
flutter
明似水6 小时前
用 Melos 解决 Flutter Monorepo 的依赖冲突:一个真实案例
前端·javascript·flutter
张风捷特烈7 小时前
每日一题 Flutter#5,6 | 两道 Widget 选择题
android·flutter
玖夜Kty18 小时前
国内环境修改 flutter.bat 来设置 flutter 的网络环境
flutter
LinXunFeng19 小时前
Flutter - GetX Helper 助你规范应用 tag
flutter·github·visual studio code
阅文作家助手开发团队_山神1 天前
第五章:Flutter Quill渲染原理深度剖析:Delta到RichText的华丽转身
flutter
未来猫咪花1 天前
# Flutter状态管理对比:view_model vs Riverpod
flutter·ios·android studio