Flutter默认字体坑了我们整整一年

如果你用Flutter做iOS应用,默认的系统字体是 SF Pro Text,但是!它在显示中文字的时候,不支持 w500(中等加粗)!

也就是说,你在代码里设置 FontWeight.w500,中文部分可能根本不会变粗!肉眼看几乎跟普通字重没区别...... 这坑我整整一年才发现!😤

对于Together App来说,最典型的就是我们每个页面的标题,我们其实都用了w500,但是默认情况下,标题并不会变粗一点点。

解决方案:

在主题里面手动指定字体'PingFang SC',这样中文也能自动能应用上w500.

less 复制代码
MaterialApp(
    title: "Together",
    theme: ThemeData(
        fontFamily: "PingFang SC",
        //....
    ),
)

加上这个以后,标题自然就能变成恰当的粗细了,当然其他用了w500的地方也一样。

为了解决这个问题,我们当时还特地引入了阿里的普惠体,导致包体积无辜增大了好几个M,真是,无发可说!

总结:

👉 如果你在 iOS 上发现中文 w500 没有变粗,要手动指定 PingFang SC!

👉 别被 Flutter 默认字体坑了!这东西可能让你的 UI 一年都不对劲!🔥🔥🔥

这坑了我一年,别让它坑了你!⚠️ 如果你也遇到过 Flutter 的坑问题,一起在评论区交流一下!🗣️

相关推荐
百锦再10 分钟前
Vue高阶知识:利用 defineModel 特性开发搜索组件组合
前端·vue.js·学习·flutter·typescript·前端框架
廖松洋(Alina)37 分钟前
【收尾以及复盘】flutter开发鸿蒙APP之成就徽章页面
flutter·华为·开源·harmonyos·鸿蒙
ZH15455891311 小时前
Flutter for OpenHarmony Python学习助手实战:机器学习算法实现的实现
python·学习·flutter
廖松洋(Alina)1 小时前
【收尾以及复盘】flutter开发鸿蒙APP之打卡日历页面
flutter·华为·开源·harmonyos·鸿蒙
廖松洋(Alina)1 小时前
【收尾以及复盘】flutter开发鸿蒙APP之本月数据统计页面
flutter·华为·开源·harmonyos·鸿蒙
renke33642 小时前
Flutter for OpenHarmony:构建一个 Flutter 数字迷宫游戏,从随机路径生成到认知训练系统的完整工程实践与跨学科深度解析
flutter·游戏
子春一2 小时前
Flutter for OpenHarmony:构建一个 Flutter 数字消消乐游戏,深入解析网格状态管理、合并算法与重力系统
算法·flutter·游戏
程序员老刘·15 小时前
Android Studio Otter 3 发布:日常开发选AS还是Cursor?
flutter·android studio·ai编程·跨平台开发·客户端开发
浩辉_15 小时前
Dart - 内存管理与垃圾回收(GC)深度解析
flutter·dart
一起养小猫17 小时前
Flutter for OpenHarmony 实战:记忆棋游戏完整开发指南
flutter·游戏·harmonyos