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

相关推荐
用户954215733348513 小时前
只是选个照片,怎么留下了这么多访问记录?Flutter 图片选择器排查与优化实录
flutter
FungLeo18 小时前
成为全栈·Flutter App 篇·第四批复盘:复用了什么,移动端又新增了什么
flutter·移动开发·跨端开发·成为全栈·api契约·全栈复盘
jason.zeng@150220720 小时前
使用vscode+flutter开发android程序(入门)
android·vscode·flutter
jason.zeng@150220721 小时前
Flutter 项目标准分层目录(repository/dto/page,对齐后端思想)
flutter
程序员老刘3 天前
跨平台开发地图 | 2026年10月
flutter·ai编程·客户端
林瞅瞅3 天前
Flutter 开发环境从零搭建与调试记录
flutter
FungLeo3 天前
成为全栈·Flutter App 篇·Markdown 编辑器:编辑、预览与离开保护
flutter·移动开发·markdown编辑器·表单设计·成为全栈·草稿保存
FungLeo3 天前
成为全栈·Flutter App 篇·会员中心:资料、密码、通知与私有数据缓存
flutter·dart·身份认证·数据隔离·成为全栈·会员中心
穆梓兰煊4 天前
Flutter端云协同推理架构解析
flutter·github