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

相关推荐
柒儿吖7 分钟前
Flutter跨平台三方库animations和flutter_animate在鸿蒙中的使用指南
flutter·华为·harmonyos
2401_zq136y036 小时前
Flutter for OpenHarmony:从零搭建今日资讯App(二十五)状态管理的艺术与实践
flutter
IT陈图图6 小时前
基于 Flutter × OpenHarmony 的文本排序工具开发实战
flutter·开源·鸿蒙·openharmony
—Qeyser6 小时前
Flutter 组件通信完全指南
前端·javascript·flutter
奋斗的小青年!!6 小时前
Flutter开发OpenHarmony应用:设置页面组件的深度实践
flutter·harmonyos·鸿蒙
大雷神6 小时前
HarmonyAPP 开发Flutter 嵌入鸿蒙原生 Swiper 组件教程
flutter·华为·harmonyos
时光慢煮8 小时前
基于 Flutter × OpenHarmony 的大小写转换工具实践
flutter·openharmony
—Qeyser8 小时前
Flutter AppBar 导航栏组件完全指南
前端·javascript·flutter
鸣弦artha8 小时前
Flutter框架跨平台鸿蒙开发——Flutter Framework层架构概览
flutter·架构·harmonyos
2401_882351529 小时前
Flutter for OpenHarmony 商城App实战 - 购物车实现
java·flutter·dubbo