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 的坑问题,一起在评论区交流一下!🗣️

相关推荐
gnip1 小时前
Flutter 原生插件开发实战指南
前端·flutter
chenyin7 小时前
Flutter 架构设计:Feature-First 与 Pub workspaces
flutter
gnip7 小时前
GetX 在 Flutter 中的使用:两种视图管理方式解析
前端·flutter
程序员老刘7 小时前
Flutter版本选择指南:9月大限落地,3.47一个月连发四补丁 | 2026年9月
flutter·ai编程·客户端
zeqinjie7 小时前
Flutter 获取 iPhone Duo 预留区位置
前端·flutter·ios
恋猫de小郭8 小时前
Flutter Golden Tests:给 AI Agent 的 UI 测试系统
android·前端·flutter
CHB8 小时前
一文讲透原生渲染和自渲染
flutter·react native·uni-app
君赏6 天前
棉宇宙 Flutter 热更新是如何落地的
flutter
恋猫de小郭6 天前
AndroidX 新增 Security State ,支持可编程的系统安全状态查询
android·前端·flutter
zihan5186 天前
自己做软件日记9/21 得到了一个良好的文件结构框架
后端·flutter·前端框架·android studio