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

相关推荐
stringwu15 小时前
Flutter 开发者必备:WebSocket 实用指南
flutter
小林的技术分享16 小时前
关于排查 Flutter 3.27.0 版本Android端无法禁用Impeller引擎的过程记录
前端·flutter
coder_pig1 天前
🤡 公司Android老项目升级踩坑小记
android·flutter·gradle
w_y_fan1 天前
双token机制:flutter_secure_storage 实现加密存储
前端·flutter
dragon7252 天前
关于image组件设置宽高不生效问题的探究
flutter
会煮咖啡的猫2 天前
Flutter 是否需要 UI 组件库?
flutter
眼镜会飞2 天前
Flutter 3.x新版android端的build.gradle.kts文件配置arm64-v8a和armeabi-v7a等
android·前端·flutter
恋猫de小郭2 天前
Flutter 小技巧之有趣的 UI 骨架屏框架 skeletonizer
android·前端·flutter
一狐九2 天前
Flutter如何通过GlobalKey调用组件内的方法
前端·flutter
张风捷特烈2 天前
鸿蒙纪·Flutter卷#03 | 从配置证书到打包发布
android·flutter·harmonyos